java jquery jsonp 跨域_jquery JSONP解决跨域

1.模拟跨域

$(function(){

// 同域请求

/*

$.get("${pageContext.request.contextPath}/demo5.action", function(data){

alert(data);

});

*/

// 跨域请求 当前域名 localhost

// $.get 无法跨域

/*

$.get("http://www.test.cn:8080/jquery_ajax_day2/demo5.action", function(data){

alert(data);

});

*/

// 使用$.getJSON 实现跨域

$.getJSON("http://www.test.cn:8080/jquery_ajax_day2/demo5.action","callback=?", function(data){

alert(data.name);

});

});

2.getJson解决跨域

// 跨域请求问题

public class Demo5Action extends ActionSupport {

// 回调函数名

private String callback;

public void setCallback(String callback) {

this.callback = callback;

}

@Override

public String execute() throws Exception {

ServletActionContext.getResponse().setContentType("text/javascript;charset=utf-8");

ServletActionContext.getResponse().getWriter().print(callback + "({\"name\":\"xxx\"})");

return NONE;

}

}

3.跨域原理

问题：localhost使用jsp，而该jsp访问test域名，服务器处理的数据会返回到localhost，而非test。造成跨域问题

原理:jsonp底层桶过javascript可以读取“任何”地址的js脚本片段

1：在jsp使用getJSON发送请求，拼接callback参数给服务器

2：服务器拼接getJSON的callback函数的参数，返回给jsp

3：jsp执行返回的js脚本片段(回调)

4：相当于ajax异步处理了这次请求

差不过这意思，如有不对请谅解。

分享到：

2015-08-07 11:42

浏览 504

评论