今天碰到了一个需要跨域获得省对应的城市,用jquery的getjson解决,记录如下
客户端
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<select name="Prov" id="Prov" class="selcss" onChange="javaScript:GetCity();" >
<option value=''></option>
<option value='aanhui'>安徽省</option>
</select>
<select name="City" id="City"class="selcss"></select>
<script language="javascript">
function GetCity(){
var ProvID=$("#Prov").val();
var url="http://www.xx.com/keywordajax.asp?jsoncallback=?";//很关键的就是jsoncallback=?的=?了,jsoncallback这个变量名随便,可以用abc
$.getJSON(url,{ProvID:ProvID},function(data){
//alert(data);
var myop="";
for (var i=0;i<data.length;i++){
myop+='<option value="'+data[i].optionValue+'">'+data[i].optionDisplay+'</option>';
}
$("#City").html(myop);
});
}
</script>
服务气端
keywordajax.asp
dim ResponseInfo
call GetCity()
response.write(ResponseInfo)
Sub GetCity()
ResponseInfo="{optionValue:'',optionDisplay:''}"
ProvID=request("ProvID")
jsoncallback=request("jsoncallback")'很重要
r="{optionValue:1'',optionDisplay:安庆''},{optionValue:2'',optionDisplay:合肥''}"
ResponseInfo=ResponseInfo &"," & r
ResponseInfo=jsoncallback & "([" & ResponseInfo & "])"
End Sub
分享到:
相关推荐
本篇将详细讲解如何使用getJSON来解决跨域问题,以及涉及到的相关技术点。 首先,我们要理解什么是跨域。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时,如果两个域不相同,就会触发跨域安全策略。例如...
在Web开发中,由于浏览器的同源策略限制,JavaScript无法直接访问不同源的资源,这在使用jQuery进行AJAX操作时会遇到问题。本篇将详细介绍如何解决...在实际操作中,你可以参考这些文件来实践和理解跨域解决方案。
本文将详细讨论如何使用 jQuery 的 AJAX 和 `getJSON` 实现跨域访问。 首先,了解跨域的基本概念。跨域是指一个源(协议+域名+端口)下的文档或脚本尝试请求另一个源的资源时,浏览器会实施同源策略,阻止这种行为...
$(function(){ $.getJSON(url,function(data){ alert (data.Name); }) }); 服务器返回字符串: {“Name”:”loogn”,”Age”:23} 2,不同域名下 js: 代码如下: var url=”...
根据提供的文件内容,我们可以探讨getJSON跨域请求时遇到的SyntaxError问题,以及如何解决这个问题。这个问题通常发生在前端尝试从不同的域名获取JSON数据时,由于浏览器同源策略的限制,导致的跨域资源共享(CORS)...
本示例通过AJAX和getJSON方法在Java Web环境下实现跨域数据获取。 首先,JSP页面中引入了jQuery库,这是因为jQuery简化了AJAX操作。页面中定义了一个按钮(`#btn_id`),当点击该按钮时,会触发一个JavaScript函数...
在Web开发中,由于浏览器的安全策略,JavaScript通常不能直接进行跨域请求,但jQuery提供了$.ajax和$.getJSON方法,通过JSONP(JSON with Padding)技术来实现在不同源之间获取JSON数据。下面将详细介绍如何使用...
本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法,即通过jQuery的ajax和getJson方法配合JSONP(JSON with Padding)技术来实现跨域数据的获取。 首先,关于jQuery的ajax和getJson方法。ajax是...
jQuery提供了`.ajax()`和`.getJSON()`两个方法来实现JSONP。下面将详细解释这两个方法以及JSONP的工作原理。 1. **jQuery的`.ajax()`方法:** 在提供的代码示例中,`$.ajax()`方法用于发起一个跨域GET请求。设置`...
因此,在实际应用中,我们还需要考虑使用CORS这一更为现代和安全的跨域解决方案。 CORS是一种W3C标准,它允许服务器在响应中添加一些额外的HTTP头部信息,从而允许或拒绝跨域请求。与JSONP相比,CORS支持包括GET和...
这是一个前端后端通过JQuery的getJSON函数交互json数据的例子。 前端网页是front.html,后端处理的模块是back.jsp 把back.jsp、front.html及jquery-1.8.3.min.js部署在Tomcat的webapps的ROOT下,通过在浏览器输入...
标题中的“利用jsonp解决js读取本地json跨域的问题”是指在JavaScript中,由于同源策略的限制,AJAX无法直接从本地文件系统获取JSON数据。然而,JSONP(JSON with Padding)是一种绕过同源策略的技术,尤其适用于GET...
LBS云服务,JSON跨域 java代码对应的WebService如何调用服务 HttpClient的使用步骤 *创建一个HttpClient对象 *创建一个请求对象(post/get) *准备参数(构建参数对象) *发送请求 *获取结果 *ajax方式请求到LBS...
`jQuery.getJSON`也支持JSONP(JSON with Padding),这是一种跨域数据获取的策略。通过动态创建`<script>`标签,将回调函数名作为参数传递给服务器,服务器返回的JSON数据包裹在该回调函数中,从而实现跨域数据交换...
jQuery中的getJSON方法通常用于异步获取JSON格式数据,但默认情况下,它不允许跨域请求,即出于安全考虑,浏览器限制了不同域之间的AJAX交互。然而,JSONP(JSON with Padding)技术提供了一种方法,通过动态创建...
1. **JSONP(JSON with Padding)**:JSONP是一种早期的跨域解决方案,它依赖于`<script>`标签不受同源策略限制的特点。通过动态创建`<script>`标签,设置其`src`属性为提供服务的服务器接口,并由服务器返回一个包裹...
JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`<script>`标签没有同源策略限制的特点。当jQuery使用`dataType: 'jsonp'`时,它实际上是在做以下几...
在使用$.getJSON()进行跨域请求时,虽然这是一种快速实现跨域的方法,但开发者需要考虑数据安全性和服务端支持等因素。对于敏感或大量数据,建议采取更安全的跨域策略,如服务器端设置CORS响应头策略,或者采用代理...