如何使用JSONP

最新推荐文章于 2024-04-24 11:32:38 发布

weixin_30526593

最新推荐文章于 2024-04-24 11:32:38 发布

阅读量88

点赞数

文章标签： json javascript 运维 ViewUI

原文链接：http://www.cnblogs.com/ricesm/p/5055044.html

版权

1.使用$.getJSON()
$.getJSON(" http://跨域的dns/document!searchJSONResult.action?name1="+value1+"&jsoncallback=?",
function(json){
if(json.属性名==值){
        // 执行代码
}
});
2.使用$.ajax()
$.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');
         }
      });
3. <script type="text/javascript">
function jsonpCallback(result) {
        alert(result.msg);
}
</script>
<script type="text/javascript" src="http://crossdomain.com/jsonServerResponse?jsonp=jsonpCallback"></script>