`
xiaoluode
  • 浏览: 14543 次
  • 来自: 深圳
社区版块
存档分类
最新评论

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

 
阅读更多

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

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

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

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

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

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

 

JS 代码:

$.getJSON(target_url+"?jsoncallback=?",    
                {   
                 'userid': <?php echo $userid;?>  
                 },    
                function(result) {  
                    if(result != 'sc'){  
                        alert(result);  
                    }else{  
                        top.document.getElementById("menu").src = $('#url_'+bid).val()+"admin/left_menu.php";  
                        top.document.getElementById("main").src = $('#url_'+bid).val()+"admin/index_body.php";  
                    }  
                });

 

 PHP服务端代码:

header('Content-Encoding: plain');  
$userid = SS($_REQUEST['userid']);  
//逻辑代码  
$msg =  sc;  
$json_str = json_encode(array($msg));  
echo $_REQUEST['jsoncallback'].'('.$json_str.')';  
exit;

 

header('Content-Encoding: plain');

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

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

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

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

 

本文转载自:http://www.cnblogs.com/fullhouse/archive/2012/01/05/2313814.html

分享到:
评论

相关推荐

    jQuery的3种请求方式$.post,$.get,$.getJSON

    在jQuery库中,$.post, $.get和$.getJSON是用于执行AJAX(Asynchronous JavaScript and XML)请求的三种主要方法,这些方法使得前端与后端服务器进行异步数据交互成为可能,无需刷新整个页面。接下来,我们将详细...

    Ajax跨域查询完美解决通过$.getJSON()实现

    在使用$.getJSON()进行跨域请求时,虽然这是一种快速实现跨域的方法,但开发者需要考虑数据安全性和服务端支持等因素。对于敏感或大量数据,建议采取更安全的跨域策略,如服务器端设置CORS响应头策略,或者采用代理...

    jQuery中$.ajax()和$.getJson()同步处理详解

    在处理JSONP(JSON with Padding)格式的跨域请求时,$.ajax()和$.getJson()方法也支持JSONP回调函数的自动处理。需要注意的是,JSONP请求不受同源策略限制,因此可以用来从其他域请求数据,但安全性和数据保护仍然...

    Jquery getJson

    - 考虑使用`$.ajax()`的`dataType: 'json'`替代`$.getJSON()`,以便利用更多的AJAX选项。 - 避免频繁的异步请求,尽可能合并请求或使用服务器端缓存。 - 对于大量数据,考虑使用分页或者懒加载技术。 总结,`jQuery...

    jquery.json-2.3.js

    jQuery的$.getJSON()方法是另一个强大的工具,它是$.ajax()的简化版本,专门用于从服务器获取JSON数据。只需要提供URL和回调函数,jQuery会自动处理JSONP请求(如果需要跨域)以及数据解析。这极大地简化了数据交互...

    使用jquery的方式通过ajax处理json格式的数据

    除了$.ajax(),jQuery还提供了$.getJSON()方法,这是一个简化的版本,用于获取JSON数据。例如: ```javascript $.getJSON('your-api-url', function(data) { console.log(data); // 处理返回的JSON数据 }); ``` ...

    JqueryJson

    jQuery的`$.getJSON()`函数可以轻松实现JSONP请求,只需提供一个回调函数名,jQuery会自动生成动态脚本标签并注入到页面中,从而实现跨域数据获取。 3. **序列化与反序列化**: jQuery的`$.param()`方法可以将...

    jquery对json的视频教程

    2. **AJAX与JSON**:在jQuery的AJAX方法(如`$.ajax()`, `$.getJSON()`, 或`$.get()`, `$.post()`等)中,服务器返回的JSON数据会自动被解析。例如,使用`$.getJSON()`获取并处理JSON数据: ```javascript $.get...

    jQuery+JSON

    2. **jQuery的getJSON方法**:为了简化Ajax请求JSON数据,jQuery提供了`$.getJSON()`方法,它是`$.ajax()`的简化版本,专门用于GET请求并期望返回JSON数据。例如: ```javascript $.getJSON('your-api-url', ...

    使用jQuery的ajax的post与get发送数据到指定url

    在实际开发中,我们还需要考虑错误处理、异步请求的管理(比如使用`$.when()`和`Promise`)以及跨域请求(CORS)等问题。同时,了解jQuery的`$.param()`方法,用于将对象序列化成URL查询字符串,也是很有帮助的。 ...

    jQuery ajax读取json文件内容

    总结来说,jQuery的$.ajax()和$.getJSON()方法是读取JSON文件的强大工具。正确使用它们,可以方便地实现客户端与服务器之间的数据通信,提升Web应用的用户体验。记得在处理JSON数据时,确保文件路径正确,JSON格式...

    jquery动态获取数据

    jQuery中的`$.getJSON()`和`$.getScript()`方法都支持JSONP。例如: ```javascript $.getJSON('http://example.com/data?callback=?', function(data) { // 处理返回的JSON数据 }); ``` 在提供的文件列表中,`...

    jQuery1.5之后的ajax共7页.pdf.zip

    $.getJSON()会自动将返回的数据解析为JavaScript对象,而$.getScript()则会执行返回的JavaScript代码。 ```javascript $.getJSON('http://example.com/api/data.json', function(response) { console.log(response...

    jquery+json实例

    jQuery提供了`$.ajax()`函数和`$.getJSON()`函数,方便地实现了从服务器获取JSON数据并解析的过程。例如,使用`$.getJSON()`获取JSON数据: ```javascript $.getJSON('data.json', function(data) { console.log...

    jQuery使用getJSON方法获取json数据完整示例

    在使用JSON数据时,我们通常会通过请求服务器端的API接口来获取,而getJSON方法是jQuery中用来快速获取JSON数据的函数。它依赖于Ajax方法,但是在请求过程中会自动处理JSON数据的序列化和反序列化。 使用getJSON...

    基于jQuery的AJAX和JSON的实例.zip

    在这个实例中,你可能会看到如何使用$.ajax()方法发送一个AJAX请求到服务器,并期望返回JSON格式的数据。`dataType: 'json'`告诉jQuery期待服务器返回的数据类型,这样jQuery会自动将响应体解析为JavaScript对象。 ...

    采用Json、Jquery实现Ajax案例

    4. **jQuery的$.getJSON()**:为了简化`$.ajax()`的JSON请求,jQuery提供了`$.getJSON()`函数,它会自动处理JSON解析: ```javascript $.getJSON('server_script.php', function(data) { // data是解析后的JSON...

    Jquery easy ui Tree组件使用(tree11.json当数据源有bug)

    3. **异步加载问题**:如果`async: false`导致代码执行顺序混乱,可以尝试使用`$.getJSON`或`$.get`并配合回调函数处理数据加载完成后的操作。 4. **扩展属性不支持**:如果`tree11.json`中的节点包含了EasyUI Tree...

    jquery——ajax__json,的一些文档,

    6. **$.getJSON()**:对于只读取JSON数据的场景,`$.getJSON()`是最简洁的方法,它自动处理JSON解析。例如: ```javascript $.getJSON('your_server_url', function(data) { // 处理解析后的JSON对象 }); ``` ...

Global site tag (gtag.js) - Google Analytics