ajax jsonp跨域访问,jquery ajax怎么使用jsonp跨域访问

在项目中使用接口的比较多，在客户端跨域访问，jquery中只能使用jquery ajax的jsonp方法。

值得注意的是，jQuery.ajax()只支持get方式的跨域，post的方式是不支持的。

// 简写形式

$.getJSON("http://www.shuchengxian.com/index.php?callback=?",

function(data){

$("#show").text(data)

});

// 完整形式

$.ajax({

async:false,

url: 'http://www.shuchengxian.com/index.php?callback=?', // 跨域URL callback参数必填

type: 'GET',

dataType: 'jsonp',

jsonp: 'jsoncallback', //默认callback

data: mydata, //请求数据

timeout: 5000,

beforeSend: function(){ //jsonp 方式此方法不被触发。原因可能是dataType如果指定为jsonp的话，就已经不是ajax事件了

success: function (json) { //客户端jquery预先定义好的callback函数，成功获取跨域服务器上的json数据后，会动态执行这个callback函数

if(json.length!=0){

alert(json.actionErrors);

}

error: function(xhr){

// jsonp 方式此方法不被触发

// 请求出错处理

alert("请求出错(请检查相关度网络状况.)");

}

});

这种方式其实是上例$.ajax({..}) 的一种高级封装。

在服务端通过获得callback参数(如：jsonpcallback)得到jQuery端随后要回调的，

然后返回类似:"jsonpcallback("+要返回的json数组+")";

jquery就会通过回调方法动态加载调用这个:jsonpcallback(json数组);

如果为jQuery默认，则为随机jsonp1356493334400之类的数据。这样就达到了跨域数据交换的目的。

JSONP是一种脚本注入(Script Injection)行为，所以也有一定的安全隐患。

注意：jquey是不支持post方式跨域的。

ajax jsonp跨域访问,jquery ajax怎么使用jsonp跨域访问相关推荐

jQuery ajax请求两次问题,jquery ajax请求了两次问题
页面有一个请求form: 订单编号用户帐户发货状态请选择未发送已发送查询 JavaScript请求部分: function showdatalist() { var username = ...
Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
ie8 jquery ajax 跨域访问,jQuery.Ajax IE8,9 无效（CORS跨域）
今天在开发网站的时候,发现一个问题,$.ajax()在 IE8,9 浏览器不起作用,但 Chrome,Firefox ,360,IE10以上等浏览器却是可以的,网上资料很多,查询最后发现是 IE8,9 ...
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
根据视频进行整理 [https://www.bilibili.com/video/BV1WC4y1b78y?p=1] 视频资料百度网盘: 链接:[https://pan.baidu.com/s/1n ...
本机上的ajax需要跨域吗,jQuery AJAX跨域
jQuery AJAX跨域这是两个页面,test.php和testserver.php. test.php的 $(function() { $.ajax({url:"testserver. ...
ajax返回报错html,Jquery AJAX POST调用返回200状态确定，但错误
嗨我已经实现了一个Ajax POST请求来调用Web服务.它总是返回200行,但执行失败的事件我已经尝试了很多事情,但我没有得到我犯的错误.我在这里添加我的代码. Fiddler显示响应内容,但Aja ...
ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法
1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是&q ...
ajax请求返回json实例,Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据
一.AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, ...
ajax中url如何使用,jQuery Ajax url使用方式
jQuery Ajax的使用场景: 页面需要通过后台逻辑,但只需要局部刷新以显示新的内容. jQuery Ajax url使用方式 1.servlet方式: 需要在struts.xml中写一个acti ...

ajax jsonp跨域访问,jquery ajax怎么使用jsonp跨域访问

ajax jsonp跨域访问,jquery ajax怎么使用jsonp跨域访问相关推荐

最新文章

热门文章