`
eoasis
  • 浏览: 78500 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery getJSON 跨域防缓存调用操作 (原)

阅读更多

jQuery提供的getJSON方法在进行跨域调用时,只需要在调用地址后面加上参数jsoncallback=?即可。

客户端调用代码:

$.getJSON(
		"http://www.XXXX.com/getJSON.jsp?jsoncallback=?",
		{A:1, B:2, rand:Math.random()},
		function(data){
			alert(data);
		}
	);

 

其中A、B是需要传递的其它参数,而rand参数则是防止调用缓存而增加的随机数参数。

 

如果你认为这样就搞定了,那可就错了。因为jsoncallback=?中的问号会被Query自动替换成其他的回调方法的名称,服务器先接受参数jsoncallback,然后把jsoncallback的值作为JSON数据方法名称返回。

 

服务器端代码(getJSON.jsp):

String A_val = request.getParameter("A");
String B_val = request.getParameter("B");
String jsoncallback = request.getParameter("jsoncallback");

if(jsoncallback != null){
	out.print(jsoncallback+"(");
}
%>
{"A":A_val,"B":B_val,"C":3}
<%
if(jsoncallback != null){
	out.print(")");
}
%>

 

现在再访问getJSON.jsp应该返回:?({"A":1,"B":2,"C":3}) 这样客户端就可以正确处理此次getJSON请求了

分享到:
评论

相关推荐

    jquery跨域调用 js跨域调用

    在Web开发中,"跨域调用"是一个关键的话题,特别是在使用JavaScript进行AJAX操作时。由于浏览器的同源策略(Same-Origin Policy),一个域下的文档或脚本不能请求另一个域下的资源,除非这两个域完全相同。这限制了...

    Jquery getJson

    `jQuery.getJSON`是jQuery库中的一个非常重要的函数,它用于从服务器端异步获取JSON格式的数据,这对于前端与后端的数据交互具有显著的意义。在本文中,我们将深入探讨`jQuery.getJSON`的工作原理、使用方法以及如何...

    jquery json 调用后台 案例

    在jQuery JSON调用后台的场景中,通常使用`$.getJSON()`或`$.ajax()`的`dataType: 'json'`设置。 ### 使用$.getJSON() ```javascript $.getJSON('url_to_backend', function(data) { // 处理返回的JSON数据 ...

    通过jquery的$.getJSON做一个跨域ajax请求试验

    在本文中,我们将探讨如何使用jQuery的`$.getJSON`方法进行跨域Ajax请求,并通过一个简单的预约登记接口的示例来展示其实现过程。首先,理解`$.getJSON`是jQuery库提供的一个便捷方法,用于异步获取JSON格式的数据,...

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

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

    PHP中运用jQuery的Ajax跨域调用实现代码

    jQuery中的`$.ajax()`和`$.getJSON()`函数使得Ajax调用变得更加便捷。 在提供的代码中,主要涉及以下几点: 1. **$.getJSON()**:这是jQuery中用于发送Ajax GET请求的函数,同时处理JSON格式的返回数据。在示例中...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    为了简化开发,jQuery还提供了几个预定义的Ajax方法,如`.get()`, `.post()`, `.getJSON()`等。例如: ```javascript $.get('serverScript.php', {param1: 'value1'}, function(data) { // 处理返回的数据 }, '...

    Jquery调用Webservice

    使用jQuery的`.getJSON()`** 对于返回JSON格式的Web服务,可以使用`.getJSON()`简化代码,它会自动处理JSON解析。 ```javascript $.getJSON('服务地址', {键: 值}, function(response) { // 处理响应数据 }); ``...

    jQuery使用Ajax方法调用WebService

    对于只需要GET请求和JSON响应的场景,jQuery提供了简化的`$.getJSON()`和`$.get()`方法。例如,如果我们只需要获取数据而不需要发送任何参数,可以使用`$.getJSON()`: ```javascript $.getJSON('MyWebService....

    Jquery跨域获得Json的简单实例

    JQuery跨域获得Json实例知识点如下: 首先,什么是跨域?...以上就是使用JQuery进行跨域获取Json数据的简单实例,通过这个实例,我们可以了解到jQuery跨域请求的基本原理、操作方法以及相关参数的使用。

    一个基于jquery调用WebService和WebService输出JSON的源码例子

    这个源码例子“一个基于jquery调用WebService和WebService输出JSON的源码例子”显然涉及到如何利用jQuery与Web服务进行通信,并处理返回的JSON数据。接下来,我们将深入探讨相关知识点。 1. jQuery库的使用: ...

    jQuery 封装Ajax

    jQuery的Ajax方法主要包括`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。这些方法都提供了一种优雅的方式来发送和接收数据,同时提供了丰富的配置选项来处理各种情况。 ### 1. `$.ajax()` `$.ajax()`是...

    Jquery异步交互

    `jQuery.getJSON()`则专门用于获取JSON格式的数据,它会自动处理JSONP跨域问题。 在jQuery 1.2版本中,引入了对JSONP的支持,当`dataType`设为`'jsonp'`时,jQuery会自动处理跨域请求,并调用回调函数。 总的来说...

    基于PHP的Simple Proxy Ajax的跨域调用.zip

    在互联网开发中,跨域问题是一项常见的挑战,尤其是在JavaScript的Ajax请求中。"基于PHP的Simple Proxy Ajax的跨域调用"是一个解决方案,它利用PHP作为代理服务器来规避浏览器的同源策略限制,使得前端应用可以安全...

    jquery调用wcf

    在客户端,我们使用jQuery的`$.ajax`方法或`$.get`、`$.post`等简化的API来调用WCF服务。由于WCF服务通常返回JSON或XML格式的数据,jQuery能很好地处理这些数据类型。 1. **基本调用** ```javascript $.ajax({ ...

    jqueryajax jquery ajax

    3. **简化的AJAX函数**:jQuery提供了更加简洁的接口,如`$.get()`、`$.post()`、`$.getJSON()`等。例如,用`$.get()`获取数据: ```javascript $.get('example.php', {key: 'value'}, function(response) { // ...

    jquery,jquery是Ajax的一个框架

    3. **简化的 AJAX 方法**:jQuery 还提供了如 `$.get()`, `$.post()`, `$.getJSON()` 等简化方法,适用于快速实现常见 AJAX 请求。这些方法通常比 `$.ajax()` 更简洁,但灵活性稍低。 4. **$.load() 函数**:对于只...

    ajax+jquery+ashx

    此外,还有如 `.get()`, `.post()`, `.getJSON()` 等简化的接口,方便开发者根据需求选择。 3. **jQuery 的 AJAX 事件**:jQuery 还提供了 `beforeSend`, `success`, `error`, `complete` 等生命周期事件,可以在...

    (jQuery)jQuery高級編程.pdf

    $.getJSON()和$.getScript()则是用于获取JSON数据和加载JavaScript文件的便捷方法。 jQuery插件生态系统丰富,开发者可以利用这些插件快速扩展功能,如轮播图、日期选择器、表单验证等。jQuery UI库提供了大量预先...

    JQuery 1.5 API 中文版 html索引版

    `$.ajax()`是最核心的方法,支持GET和POST等多种请求类型,`getJSON()`和`getScript()`专门用于获取JSON数据和JavaScript脚本。`$.load()`则用于局部加载HTML内容。 6. **链式操作** jQuery对象的链式调用特性是其...

Global site tag (gtag.js) - Google Analytics