日期:2014-05-16  浏览次数:20380 次

jquery利用jsonp轻松解决跨域ajax问题

?

function get() {

$.ajax({

? ? type: "GET",

? ? url: 'http://192.168.10.4:8080/jsgd/bill.jsp?userCode=?&date='+ new Date(),?

? ? dataType:"jsonp",

? ? ? ? ? ? jsonp:"jsonpcallback",

? success: function(msg){

$('#callcenter').html(msg.text);

? ? }

});

}

?

如果从 192.168.10.1发ajax请求到192.168.10.4会产生跨域问题.利用jquery的jsonp参数可轻松这个问题.

?

jquery 里的jsonp原理是这样的.

其实dataType: jsonp和json都并没有执行传统的类似

var request = new XMLHttpRequest

...onchangeready?= ....

?

而是新建一个script的dom对象,利用他的src属性下载了从服务器返回的一个字符串,

这个字符串内容就是 "调用一个js函数".这个函数名是 jquery 发送request时,将自动生成的一个 jsonp+数字 的这样一个字符串放在后面如: ?http://......&jsonpcallback=jsonp2345678 这样服务器返回 ?jsonp2345678(data);

自然而然客户端变成了

<script src=",,,">jsonp2345678(data)</script>表示要调用.

?