`
jljxj
  • 浏览: 5980 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

getjson跨域解决

阅读更多

今天碰到了一个需要跨域获得省对应的城市,用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解决 跨域问题例子

    本篇将详细讲解如何使用getJSON来解决跨域问题,以及涉及到的相关技术点。 首先,我们要理解什么是跨域。跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时,如果两个域不相同,就会触发跨域安全策略。例如...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    在Web开发中,由于浏览器的同源策略限制,JavaScript无法直接访问不同源的资源,这在使用jQuery进行AJAX操作时会遇到问题。本篇将详细介绍如何解决...在实际操作中,你可以参考这些文件来实践和理解跨域解决方案。

    jquery的ajax和getJson跨域.docx

    本文将详细讨论如何使用 jQuery 的 AJAX 和 `getJSON` 实现跨域访问。 首先,了解跨域的基本概念。跨域是指一个源(协议+域名+端口)下的文档或脚本尝试请求另一个源的资源时,浏览器会实施同源策略,阻止这种行为...

    jquery $.getJSON()跨域请求

    $(function(){ $.getJSON(url,function(data){ alert &#40;data.Name&#41;; }) }); 服务器返回字符串: {“Name”:”loogn”,”Age”:23} 2,不同域名下 js: 代码如下: var url=”...

    getJSON跨域SyntaxError问题分析

    根据提供的文件内容,我们可以探讨getJSON跨域请求时遇到的SyntaxError问题,以及如何解决这个问题。这个问题通常发生在前端尝试从不同的域名获取JSON数据时,由于浏览器同源策略的限制,导致的跨域资源共享(CORS)...

    Java web ajax-getjson跨域操作.docx

    本示例通过AJAX和getJSON方法在Java Web环境下实现跨域数据获取。 首先,JSP页面中引入了jQuery库,这是因为jQuery简化了AJAX操作。页面中定义了一个按钮(`#btn_id`),当点击该按钮时,会触发一个JavaScript函数...

    JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

    在Web开发中,由于浏览器的安全策略,JavaScript通常不能直接进行跨域请求,但jQuery提供了$.ajax和$.getJSON方法,通过JSONP(JSON with Padding)技术来实现在不同源之间获取JSON数据。下面将详细介绍如何使用...

    jquery的ajax和getJson跨域获取json数据的实现方法

    本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法,即通过jQuery的ajax和getJson方法配合JSONP(JSON with Padding)技术来实现跨域数据的获取。 首先,关于jQuery的ajax和getJson方法。ajax是...

    jquery下利用jsonp跨域访问实现方法.docx

    jQuery提供了`.ajax()`和`.getJSON()`两个方法来实现JSONP。下面将详细解释这两个方法以及JSONP的工作原理。 1. **jQuery的`.ajax()`方法:** 在提供的代码示例中,`$.ajax()`方法用于发起一个跨域GET请求。设置`...

    php jq jquery getJSON跨域提交数据完整版

    因此,在实际应用中,我们还需要考虑使用CORS这一更为现代和安全的跨域解决方案。 CORS是一种W3C标准,它允许服务器在响应中添加一些额外的HTTP头部信息,从而允许或拒绝跨域请求。与JSONP相比,CORS支持包括GET和...

    用JQuery里的getJSON函数进行跨域远程调用

    这是一个前端后端通过JQuery的getJSON函数交互json数据的例子。 前端网页是front.html,后端处理的模块是back.jsp 把back.jsp、front.html及jquery-1.8.3.min.js部署在Tomcat的webapps的ROOT下,通过在浏览器输入...

    利用jsonp解决js读取本地json跨域的问题

    标题中的“利用jsonp解决js读取本地json跨域的问题”是指在JavaScript中,由于同源策略的限制,AJAX无法直接从本地文件系统获取JSON数据。然而,JSONP(JSON with Padding)是一种绕过同源策略的技术,尤其适用于GET...

    json 跨域demo

    LBS云服务,JSON跨域 java代码对应的WebService如何调用服务 HttpClient的使用步骤 *创建一个HttpClient对象 *创建一个请求对象(post/get) *准备参数(构建参数对象) *发送请求 *获取结果 *ajax方式请求到LBS...

    Jquery getJson

    `jQuery.getJSON`也支持JSONP(JSON with Padding),这是一种跨域数据获取的策略。通过动态创建`&lt;script&gt;`标签,将回调函数名作为参数传递给服务器,服务器返回的JSON数据包裹在该回调函数中,从而实现跨域数据交换...

    jQuery中getJSON跨域原理的深入讲解

    jQuery中的getJSON方法通常用于异步获取JSON格式数据,但默认情况下,它不允许跨域请求,即出于安全考虑,浏览器限制了不同域之间的AJAX交互。然而,JSONP(JSON with Padding)技术提供了一种方法,通过动态创建...

    js跨域解决方案

    1. **JSONP(JSON with Padding)**:JSONP是一种早期的跨域解决方案,它依赖于`&lt;script&gt;`标签不受同源策略限制的特点。通过动态创建`&lt;script&gt;`标签,设置其`src`属性为提供服务的服务器接口,并由服务器返回一个包裹...

    JQuery跨域访问解决方案

    JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`&lt;script&gt;`标签没有同源策略限制的特点。当jQuery使用`dataType: 'jsonp'`时,它实际上是在做以下几...

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

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

Global site tag (gtag.js) - Google Analytics