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请求了
分享到:
相关推荐
在Web开发中,"跨域调用"是一个关键的话题,特别是在使用JavaScript进行AJAX操作时。由于浏览器的同源策略(Same-Origin Policy),一个域下的文档或脚本不能请求另一个域下的资源,除非这两个域完全相同。这限制了...
`jQuery.getJSON`是jQuery库中的一个非常重要的函数,它用于从服务器端异步获取JSON格式的数据,这对于前端与后端的数据交互具有显著的意义。在本文中,我们将深入探讨`jQuery.getJSON`的工作原理、使用方法以及如何...
在jQuery JSON调用后台的场景中,通常使用`$.getJSON()`或`$.ajax()`的`dataType: 'json'`设置。 ### 使用$.getJSON() ```javascript $.getJSON('url_to_backend', function(data) { // 处理返回的JSON数据 ...
在本文中,我们将探讨如何使用jQuery的`$.getJSON`方法进行跨域Ajax请求,并通过一个简单的预约登记接口的示例来展示其实现过程。首先,理解`$.getJSON`是jQuery库提供的一个便捷方法,用于异步获取JSON格式的数据,...
在处理JSONP(JSON with Padding)格式的跨域请求时,$.ajax()和$.getJson()方法也支持JSONP回调函数的自动处理。需要注意的是,JSONP请求不受同源策略限制,因此可以用来从其他域请求数据,但安全性和数据保护仍然...
jQuery中的`$.ajax()`和`$.getJSON()`函数使得Ajax调用变得更加便捷。 在提供的代码中,主要涉及以下几点: 1. **$.getJSON()**:这是jQuery中用于发送Ajax GET请求的函数,同时处理JSON格式的返回数据。在示例中...
为了简化开发,jQuery还提供了几个预定义的Ajax方法,如`.get()`, `.post()`, `.getJSON()`等。例如: ```javascript $.get('serverScript.php', {param1: 'value1'}, function(data) { // 处理返回的数据 }, '...
使用jQuery的`.getJSON()`** 对于返回JSON格式的Web服务,可以使用`.getJSON()`简化代码,它会自动处理JSON解析。 ```javascript $.getJSON('服务地址', {键: 值}, function(response) { // 处理响应数据 }); ``...
对于只需要GET请求和JSON响应的场景,jQuery提供了简化的`$.getJSON()`和`$.get()`方法。例如,如果我们只需要获取数据而不需要发送任何参数,可以使用`$.getJSON()`: ```javascript $.getJSON('MyWebService....
JQuery跨域获得Json实例知识点如下: 首先,什么是跨域?...以上就是使用JQuery进行跨域获取Json数据的简单实例,通过这个实例,我们可以了解到jQuery跨域请求的基本原理、操作方法以及相关参数的使用。
这个源码例子“一个基于jquery调用WebService和WebService输出JSON的源码例子”显然涉及到如何利用jQuery与Web服务进行通信,并处理返回的JSON数据。接下来,我们将深入探讨相关知识点。 1. jQuery库的使用: ...
jQuery的Ajax方法主要包括`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。这些方法都提供了一种优雅的方式来发送和接收数据,同时提供了丰富的配置选项来处理各种情况。 ### 1. `$.ajax()` `$.ajax()`是...
`jQuery.getJSON()`则专门用于获取JSON格式的数据,它会自动处理JSONP跨域问题。 在jQuery 1.2版本中,引入了对JSONP的支持,当`dataType`设为`'jsonp'`时,jQuery会自动处理跨域请求,并调用回调函数。 总的来说...
在互联网开发中,跨域问题是一项常见的挑战,尤其是在JavaScript的Ajax请求中。"基于PHP的Simple Proxy Ajax的跨域调用"是一个解决方案,它利用PHP作为代理服务器来规避浏览器的同源策略限制,使得前端应用可以安全...
在客户端,我们使用jQuery的`$.ajax`方法或`$.get`、`$.post`等简化的API来调用WCF服务。由于WCF服务通常返回JSON或XML格式的数据,jQuery能很好地处理这些数据类型。 1. **基本调用** ```javascript $.ajax({ ...
3. **简化的AJAX函数**:jQuery提供了更加简洁的接口,如`$.get()`、`$.post()`、`$.getJSON()`等。例如,用`$.get()`获取数据: ```javascript $.get('example.php', {key: 'value'}, function(response) { // ...
3. **简化的 AJAX 方法**:jQuery 还提供了如 `$.get()`, `$.post()`, `$.getJSON()` 等简化方法,适用于快速实现常见 AJAX 请求。这些方法通常比 `$.ajax()` 更简洁,但灵活性稍低。 4. **$.load() 函数**:对于只...
此外,还有如 `.get()`, `.post()`, `.getJSON()` 等简化的接口,方便开发者根据需求选择。 3. **jQuery 的 AJAX 事件**:jQuery 还提供了 `beforeSend`, `success`, `error`, `complete` 等生命周期事件,可以在...
$.getJSON()和$.getScript()则是用于获取JSON数据和加载JavaScript文件的便捷方法。 jQuery插件生态系统丰富,开发者可以利用这些插件快速扩展功能,如轮播图、日期选择器、表单验证等。jQuery UI库提供了大量预先...
`$.ajax()`是最核心的方法,支持GET和POST等多种请求类型,`getJSON()`和`getScript()`专门用于获取JSON数据和JavaScript脚本。`$.load()`则用于局部加载HTML内容。 6. **链式操作** jQuery对象的链式调用特性是其...