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

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);

自然而然客户端变成了