jQuery跨域心得

一个项目由于用了二级域名&＃xff0c;但是需要请求的文件位于www域名下&＃xff0c;几次请求没在firebug看到任何请求信息的情况下我突然意识到&＃xff0c;我也碰到了这个该死的跨域请求的问题&＃xff0c;于是google之&＃xff0c;网上找到了几乎相同的解决方案&＃xff0c;用jQuery的json方式解决&＃xff0c;我多次试验&＃xff0c;最后甚至原封不动地拷来代码&＃xff0c;均失败&＃xff0c;才最终在另一处博客发现原来光客户端请求也不够&＃xff0c;服务器端不能光返回json数据了&＃xff0c;而是要返回一个回调函数&＃xff0c;这才解释了为什么客户端为什么要以get方式送一个 callback进去&＃xff0c;这样&＃xff0c;前端&＃43;后端&＃xff0c;立刻成功&＃xff0c;代码如下&＃xff1a;

前可以采用这三种方式请求&＃xff0c;大同小异&＃xff0c;看个人爱好了&＃xff1a;高亮部分是需要注意的

假设要跨域请求的网址为   http://www.b.com/demo.php&action&＃61;funcname

则应写成请求如下网址&＃xff1a;var url&＃61; "http://www.b.com/demo.php&action&＃61;funcname&callback&＃61;?";

1&＃xff0c;经典方式&＃xff1a;

$.ajax({
 type : "GET",
url : url,

dataType : "jsonp",
 jsonp: &＃39;callback&＃39;,
 success : function(json){
 //do something here;
   }
 });

2&＃xff0c;json方式&＃xff0c;是方法一的高级封装

 $.getJSON(url, function(json){/*do something here;*/});

3&＃xff0c;我比较别扭&＃xff0c;喜欢用这一种&＃xff0c;因为毕竟get是用得最多的&＃xff0c;也最有感情啦

$.get(url,function(json){/*do something here;*/},”jsonp”);

好了&＃xff0c;这不是重点&＃xff0c;我照着这三种方法都写过&＃xff0c;全失败&＃xff0c;原来需要服务端返回的是

JQUET0988788({"account":"XX","passed":"true","error":"null"})&＃xff1b; 
//(字符串)这样的代码&＃xff0c;而不是
{"account":"XX","passed":"true","error":"null"},

函数名就是你在服务端 request一下callback就可以了&＃xff0c;两个括号也要加上&＃xff0c;注意&＃xff0c;是拼成字符串出去&＃xff0c;然后&＃xff0c;保你立刻成功

如&＃xff1a;echo $_REQUEST[&＃39;callback&＃39;].&＃39;(&＃39;.$str.&＃39;)&＃39;;

总结&＃xff0c;用JSONP要做两件事&＃xff1a;

      1/请求地址加参数&＃xff1a;callback&＃61;?
      2/服务器段把callback的值作为方法名传回来&＃xff0c;如”JQUET098788(json)”

当然&＃xff0c;别忘了这种情况下只能返回 json数据了。