jsonp的简单学习

jdk137

于 2016-02-23 14:27:33 发布

阅读量305

点赞数

分类专栏：前端组件-web开发

前端组件-web开发专栏收录该内容

4 篇文章

订阅专栏

本文深入解析跨域服务器API内容通过JSONP技术下到本地的方法，包括API输出格式、前端请求方式及关键步骤，确保解决跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原理：

把跨域服务器的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