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>表示要调用.