利用JQuery ajax跨域访问
2013-02-28 10:29
399 查看
服务端
返回形式有两种:
一:固定函数名:guding({test:'测试'})
二:动态函数名由客户端生成,服务端获取jsonCallback值即可,如:request.querystring("jsonCallback")+"({test:'测试'})"
客户端实现
一:
$.ajax({
type : "get",
url :"http://www.xxxxx.com?id=123&jsoncallback=?",
dataType : "jsonp",
jsonp: "callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"setVoteData",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
success : function(json){
//函数具体实现
}
});
type : 不可为POST提交
url:jsoncallback=?是关键性的参数 与"jsonpCallback:"值二选一;在服务器可返回动态函数名是用此参数
jsonpCallback:针对已经有固定返回方法名的时候 与"jsoncallback=?"二选一;在服务器返回固定函数名是用此用此属性
二:
$.getJSON(url,data,callback);
url String
发送请求地址。 此方法URL中必须有jsoncallback=?方法,否则无法跨域
data (可选) Map
待发送 Key/value 参数。
callback (可选) Function
载入成功时回调函数。
返回形式有两种:
一:固定函数名:guding({test:'测试'})
二:动态函数名由客户端生成,服务端获取jsonCallback值即可,如:request.querystring("jsonCallback")+"({test:'测试'})"
客户端实现
一:
$.ajax({
type : "get",
url :"http://www.xxxxx.com?id=123&jsoncallback=?",
dataType : "jsonp",
jsonp: "callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback:"setVoteData",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
success : function(json){
//函数具体实现
}
});
type : 不可为POST提交
url:jsoncallback=?是关键性的参数 与"jsonpCallback:"值二选一;在服务器可返回动态函数名是用此参数
jsonpCallback:针对已经有固定返回方法名的时候 与"jsoncallback=?"二选一;在服务器返回固定函数名是用此用此属性
二:
$.getJSON(url,data,callback);
url String
发送请求地址。 此方法URL中必须有jsoncallback=?方法,否则无法跨域
data (可选) Map
待发送 Key/value 参数。
callback (可选) Function
载入成功时回调函数。
相关文章推荐
- Jetty Cross Origin Filter解决jQuery Ajax跨域访问的方法
- 利用JS跨域做一个简单的页面访问统计系统
- 利用json绕过浏览器安全限制,实现跨域访问
- 解决ajax不能访问本地文件(利用js跨域原理)
- 利用代理页面解决html iframe跨域访问网站问题
- 解决jquery ajax在跨域访问post请求的时候,ie9以下无效(包括ie9)的问题
- Jquery ajax 跨域访问
- 利用代理页面解决html iframe跨域访问网站问题
- jquery下利用jsonp跨域访问实现方法
- 利用JS跨域做一个简单的页面访问统计系统
- 利用jquery 的jsonp 进行跨域访问
- jquery ajax跨域访问webservice配置
- AJAX利用Jsonp进行跨域对MVC项目访问
- 利用CORS配置实现jQuery对WebApi及MVC的跨域访问
- jquery下利用jsonp跨域访问实现方法
- 利用jsonp进行Javascript的跨域数据访问[转]
- Jquery ajax 调用WebService 跨域访问的解决方法
- jquery ajax CORS 跨域访问 WebService
- (转)在ASP.NET MVC3 中利用Jsonp跨域访问
- 利用cors,实现js跨域访问Tomcat下资源