快捷導(dǎo)航

JQuery 的跨域方法推薦_可跨任何網(wǎng)站

更新時間：2016年05月18日 09:02:11 投稿：jingxian

下面小編就為大家?guī)硪黄狫Query 的跨域方法推薦_可跨任何網(wǎng)站。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

因發(fā)現(xiàn)有不少博友發(fā)園內(nèi)短信問及JS的跨域問題，我想很多程序員的腦海里面還認(rèn)為JS是不能跨域的，其實這是一個錯誤的觀點；有很多人在網(wǎng)上找其解決方法，教其用IFRAME去解決的文章很多，真有那么復(fù)雜嗎？其實很簡單的，如果你用JQUERY，一個GETJSON方法就搞定了，而且是一行代碼搞定。

下面開始貼出方法。

//跨域（可跨所有域名）
    $.getJSON("http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?",function(json){
     
     //要求遠(yuǎn)程請求頁面的數(shù)據(jù)格式為： ?(json_data) 
     //例如：
     //?([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])
     alert(json[0]._name);

     });

注意，getregion.aspx中，在輸出JSON數(shù)據(jù)時，一定要用Request.QueryString["jsoncallback"]，將獲取的內(nèi)容放到返回JSON數(shù)據(jù)的前面，假設(shè)實際獲取的值為42342348，那么返回的值就是 42342348([{"_name":"湖南省","_regionId":134},{"_name":"北京市","_regionId":143}])

因為getJSON跨域的原理是把？隨機(jī)變一個方法名，然后返回執(zhí)行的，實現(xiàn)跨域響應(yīng)的目的。

具體getJSON的使用說明，請參考JQUERY手冊。

下面一個是跨域執(zhí)行的真實例子：

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><script src="http://common.jb51.net/script/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//跨域（可跨所有域名）
  $.getJSON("http://e.hnce.com.cn/tools/ajax.aspx?jsoncallback=?", { id: 0, action: 'jobcategoryjson' }, function(json) {

    alert(json[0].pid);
    alert(json[0].items[0]._name);

  });　
</script>

以上這篇JQuery 的跨域方法推薦_可跨任何網(wǎng)站就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery插件uploadify實現(xiàn)帶進(jìn)度條的文件批量上傳
這篇文章主要介紹了jquery插件uploadify實現(xiàn)帶進(jìn)度條的文件批量上傳，感興趣的小伙伴們可以參考一下
2015-12-12
基于jQuery和Bootstrap框架實現(xiàn)仿知乎前端動態(tài)列表效果
最近基于jQuery和Bootstrap框架實現(xiàn)了一個仿知乎動態(tài)列表的前端效果，基本實現(xiàn)了和知乎動態(tài)列表相同的效果，下面小編通過本文給大家分享實現(xiàn)思路及代碼，對bootstrap 實現(xiàn)仿知乎前端動態(tài)列表效果感興趣的朋友一起看看吧
2016-11-11
Struts2的s:radio標(biāo)簽使用及用jquery添加change事件
用到Struts2的s:radio標(biāo)簽時想給它添加一個change事件，由于此標(biāo)簽為頁面自動生成一個radio組，不可以像正常那樣控制，于是想到用jquery來實現(xiàn)
2013-04-04
EasyUI創(chuàng)建對話框的兩種方式
對話框（Dialog）是一個特殊的窗口（window），可以包含在頂部的工具欄和在底部的按鈕。接下來通過本文給大家介紹easyui創(chuàng)建對話框的兩種方式，非常不錯，感興趣的朋友一起看下吧
2016-08-08
jQuery源碼解讀之hasClass()方法分析
這篇文章主要介紹了jQuery源碼解讀之hasClass()方法,以注釋形式較為詳細(xì)的分析了hasClass()方法的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
jquery實現(xiàn)滑屏大圖定時收縮為小banner圖片的廣告代碼
這篇文章主要介紹了jquery實現(xiàn)滑屏大圖定時收縮為小banner圖片的廣告代碼,可實現(xiàn)大幅廣告圖的漸顯效果及定時收縮功能,點擊左上角關(guān)閉按鈕還可隱藏廣告圖片,非常具有實用價值,需要的朋友可以參考下
2015-09-09
jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
本文是小編給大家?guī)淼膉Query Ajax Post 回調(diào)函數(shù)不執(zhí)行的原因及解決方法，在本文最下面還給大家附加jquery Ajax 不執(zhí)行回調(diào)函數(shù)success的原因，這兩個問題都非常多見，感興趣的朋友一起看下吧
2016-08-08
jQuery實現(xiàn)文章收起與展開功能
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)文章收起與展開功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié)
這篇文章主要介紹了zepto與jquery的區(qū)別及zepto的不同使用8條小結(jié) 的相關(guān)資料,需要的朋友可以參考下
2016-07-07
Jquery插件之Fancybox豐富的彈出層效果附源碼下載
Fancybox是一款優(yōu)秀的jquery插件，它能夠展示豐富的彈出層效果，相比facybox，fancybox顯得功能更為齊全，它除了可以加載DIV，圖片、圖片集、Ajax數(shù)據(jù)，還能加載SWF影片，iframe頁面等等
2015-12-12