博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery&javascript 跨域jsonp
阅读量:6658 次
发布时间:2019-06-25

本文共 1581 字,大约阅读时间需要 5 分钟。

$(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');             }         });     });

  另外推荐一款jsonp跨域独立插件:http://www.uedsc.com/flyjsonp.html

  源码:https://github.com/alotaiba/FlyJSONP

原生跨域封装:

function jsonp(setting) {        setting.data = setting.data || {};        setting.key = setting.key || "callback";        setting.callback = setting.callback || function() {};        setting.data[setting.key] = "__onGetData__";        window.__onGetData__ = function(data) {          setting.callback(data);        };        var script = document.createElement("script");        var query = [];        for (var key in setting.data) {          query.push(key + "=" + encodeURIComponent(setting.data[key]));        }        script.type=""        script.src = setting.url + "?" + query.join("&");        document.head.appendChild(script);        document.head.removeChild(script);      }      jsonp({        url:w,        key:'jsoncallback',        callback:function(d){          console.log(d)        }      })

  

转载于:https://www.cnblogs.com/webSong/p/6961288.html

你可能感兴趣的文章
涉密数据的处理
查看>>
python简介
查看>>
python字典开发三级菜单
查看>>
.net Framework下载地址
查看>>
深圳偶遇
查看>>
如何有效地记录 Java SQL 日志?
查看>>
学习Linux决心书
查看>>
Java本地文件操作(五)遍历文件夹
查看>>
BGP学习笔记
查看>>
linux 磁盘分区(一)
查看>>
在虚拟机中的域环境下批量安装部署软件(第三节)
查看>>
java基础(jdbc上)
查看>>
python文件读写,以后就用with open语句
查看>>
自然语言处理NLP(三)
查看>>
苏州大学GCT
查看>>
go语言碎片整理之 time
查看>>
spring mvc 返回json 数据
查看>>
我的友情链接
查看>>
SUSE下nx nomachine安装配置
查看>>
精通脚本***学习笔记(二)
查看>>