JQueryJsonp的使用

1,前端部分


 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
     <title>Untitled Pagetitle>
      <script type="text/javascript" src=jquery.min.js">script>
      <script type="text/javascript">
     jQuery(document).ready(function(){ 
        $.ajax({
             type: "get",
             async: false,
             url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",
             dataType: "jsonp",
             jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
             jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
             success: function(json){
                 alert('您查询到航班信息:票价: ' + json.price + ' 元,余票: ' + json.tickets + ' 张。');
             },
             error: function(){
                 alert('fail');
             }
         });
     });
     script>
     head>
  <body>
  body>
 html>

2.后端部分

你可能感兴趣的:(JQuery,前端)