代码改变世界

jquery使用$.getJson()跨域大数据量请求方法

2012-01-05 23:38  依水间  阅读(4818)  评论(1)  编辑  收藏  举报

jq的$.get和$.post方法，都是不能跨域访问的。$.getJson却让我们看到了希望的曙光，

不过有一点不足的是，这个是GET的方法，传递的参数是有限制的，最大不超过2083个字符。

但问题终有解决办法的，经分析得出解决方案如下：

a.com使用$.getJson向b.com发送请求，在请求的同时，a.com把需要的传递的内容放到临时文件中(或者membercache)，

b.com收到请求，反过来向a.com请求需要的数据，进行必要的操作，再给a.com返回成功的信息。这样就达到跨域大数据量请求的目的了。

当然通讯过程，最好加上协议，安全起见嘛。

 

JS 代码:

view plain
  1. $.getJSON(target_url+"?jsoncallback=?",    
  2.                 {   
  3.                  'userid': <?php echo $userid;?>  
  4.                  },    
  5.                 function(result) {  
  6.                     if(result != 'sc'){  
  7.                         alert(result);  
  8.                     }else{  
  9.                         top.document.getElementById("menu").src = $('#url_'+bid).val()+"admin/left_menu.php";  
  10.                         top.document.getElementById("main").src = $('#url_'+bid).val()+"admin/index_body.php";  
  11.                     }  
  12.                 });   

 

 

PHP服务端代码：

view plain
  1. header('Content-Encoding: plain');  
  2. $userid = SS($_REQUEST['userid']);  
  3. //逻辑代码  
  4. $msg =  sc;  
  5. $json_str = json_encode(array($msg));  
  6. echo $_REQUEST['jsoncallback'].'('.$json_str.')';  
  7. exit;  

 

 

 

header('Content-Encoding: plain');

这句非常重要，如果没有这句，在IE6下将不能返回信息，导致回调函数无法执行。

另外在网上找到的说法，没经验证

<a href=”javascript:void(0);”></a> 做为提交按钮也会导致 ie6下 $.getJSON出错。

提交按钮不能放置在<form>标签里面，否则会form中断了$.getJSON发出的http请求。