jquery ajax跨域解決方法(json方式)
最近公司開發(fā)的項(xiàng)目中很多地方需要跨域ajax請(qǐng)求，比如幾個(gè)子域名下
http://a.****.com/index123.aspx,
http://b.****.com/index2.aspx
都要請(qǐng)求用戶json信息，然后再對(duì)數(shù)據(jù)進(jìn)行處理，起初我和同事們?cè)嚵撕芏喾N方法，使用$.ajax() 無(wú)論是get或post方法都會(huì)引起uri deny的錯(cuò)誤。一番GG之后發(fā)現(xiàn)了解決方法，也了解其中的原因。
jquery從1.2開始，.getJSON就支持跨域操作了。使用jquery.getJSON()方法可以解決跨域問(wèn)題。實(shí)例如下
前臺(tái)
<script type="text/javascript" src="/script/jquery.js"></script>
HTML中JS代碼
function gettst2() {
$.getJSON("http://ucenter.xxxx.com.cn/ajax/test.aspx?callback=?", { id: "123456", site: "01" },
function(data) {
alert(data.htmls);
document.getElementById("shows").innerHTML = data.htmls;
});
}
gettst2();
ASPX.cs文件中處理為
string jsoncall = Request.QueryString("callback");
Response.Write(jsoncall + "({htmls:測(cè)試001})");
如果加html代碼的話，千萬(wàn)別加/n 符號(hào)，不然會(huì)出現(xiàn)亂碼，js 錯(cuò)誤。
- jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法
- 基于jQuery的AJAX和JSON實(shí)現(xiàn)純html數(shù)據(jù)模板
- JQuery的ajax獲取數(shù)據(jù)后的處理總結(jié)(html,xml,json)
- JQuery處理json與ajax返回JSON實(shí)例代碼
- jquery的ajax異步請(qǐng)求接收返回json數(shù)據(jù)實(shí)例
- jQuery Ajax異步處理Json數(shù)據(jù)詳解
- jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- 跨域請(qǐng)求之jQuery的ajax jsonp的使用解惑
- 詳談 Jquery Ajax異步處理Json數(shù)據(jù).
- jQuery+Ajax+js實(shí)現(xiàn)請(qǐng)求json格式數(shù)據(jù)并渲染到html頁(yè)面操作示例
相關(guān)文章
jQuery的實(shí)現(xiàn)原理的模擬代碼 -1 核心部分
最近又看了一下 jQuery 1.4.2, 為了便于理解，將 jQuery 的核心使用比較簡(jiǎn)單的代碼模擬一下。方便學(xué)習(xí)。2010-08-08
JQuery模板插件 jquery.tmpl 動(dòng)態(tài)ajax擴(kuò)展
在上一篇JQuery模板插件-jquery.tmpl中介紹了這款插件。有時(shí)我們需要去動(dòng)態(tài)的ajax去加載模板，或者數(shù)據(jù)，根據(jù)url參數(shù)或者其他信息加載不同的模板，數(shù)據(jù)2011-11-11
這篇文章主要介紹了jQuery支持添加事件的日歷特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
以前用原生的JS做過(guò)類似拖拽div的效果，現(xiàn)在按原思路改做成一個(gè)JQ的小插件，當(dāng)作制作JQ插件的一個(gè)小練習(xí)，感興趣的朋友可以了解下哈2013-05-05
優(yōu)秀js開源框架-jQuery使用手冊(cè)(1)
優(yōu)秀js開源框架-jQuery使用手冊(cè)(1)...2007-03-03
來(lái)自國(guó)外的14個(gè)圖片放大編輯的jQuery插件整理
這里就是基于jQuery 的14個(gè)圖片放大編輯插件。需要的朋友可以參考下。2010-10-10
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)無(wú)縫輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
解決easyui日期時(shí)間框ie的兼容的問(wèn)題
下面小編就為大家分享一篇解決easyui日期時(shí)間框ie的兼容的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例
jquery控制左右箭頭滾動(dòng)圖片列表的實(shí)例，需要的朋友可以參考一下2013-05-05
基于jQuery實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無(wú)視頁(yè)面關(guān)閉)
最近做了一個(gè)項(xiàng)目，其中有需求要求實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后倒計(jì)時(shí)功能，其中有個(gè)難點(diǎn)：要求關(guān)閉頁(yè)面也進(jìn)行倒計(jì)時(shí)。好吧，下面小編把jquery 發(fā)送驗(yàn)證碼倒計(jì)時(shí)的實(shí)現(xiàn)代碼分享給大家，大家可以參考下2016-09-09