jsonp的简单学习

来源：互联网发布：能量矩阵编辑：程序博客网时间：2024/06/06 01:50

原理：

把跨域服务器的api内容作为js文件下到本地，解决跨域问题。

api 输出格式

 handler(oldjson);   //oldjson为非jsonp接口的输出。整个输出是一段可执行的js代码

前端请求格式

        $.ajax({             type: "get",             async: false,             url: "http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998",             dataType: "jsonp",             jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)             jsonpCallback:"handler",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据             success: function(json){                 alert('您查询到航班信息：票价： ' + json.price + ' 元，余票： ' + json.tickets + ' 张。');             },             error: function(){                 alert('fail');             }         });

handler是前后端约定的一个callback函数名，前后端要一致。

转载来源：

http://hanchaohan.blog.51cto.com/2996417/1291927

0 0