ajax如何跨域名获取数据,Ajax的jsonp方式跨域获取数据的简单实例

jsonp的调用，今天碰到了，正好整理了一下。

$(document).ready(function(){

$("#b01").click(function(){

$.ajax({//danielinbiti.txt文件内容：getAInfo([""])

url: 'http://192.168.12.21:8080/systemr/danielinbiti.txt',

dataType: 'jsonp',//跨域设置jsonp

processData: false,

jsonpCallback:'getAInfo',//与文件中的getAInfo对应

type: 'get',

success: function(data) {

$("#myDiv").html(data);

},

error: function(XMLHttpRequest, textStatus, errorThrown) {

alert('error');

alert(XMLHttpRequest.status);

alert(XMLHttpRequest.readyState);

alert(textStatus);

}

});

});

$("#b02").click(function(){// 需要在后台根据request获取callback，然后才callback(需要返回的json内容)的方式返回，getJSON是ajax的简化，只支持json格式

$.getJSON("http://192.168.12.21:8080/systemr/b.do?jsoncallback=?",function(result){

$("#myDiv").html(result);

});

});

});

改变内容01

改变内容02getJSON

以上这篇Ajax的jsonp方式跨域获取数据的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。