JSON ajax sonp

json是 JavaScript Object Notation 的首字母縮寫胁艰,單詞的意思是javascript對(duì)象表示法款筑,這里說的json指的是類似于javascript對(duì)象的一種數(shù)據(jù)格式,目前這種數(shù)據(jù)格式比較流行腾么,逐漸替換掉了傳統(tǒng)的xml數(shù)據(jù)格式。
  • javascript對(duì)象字面量:
    var tom = {
    name:'tom',
    age:18
    }
  • json格式的數(shù)據(jù):
    {
    "name":'tom',
    "age":18
    }
    與json對(duì)象不同的是解虱,json數(shù)據(jù)格式的屬性名稱需要用雙引號(hào)引起來攘须,用單引號(hào)或者不用引號(hào)會(huì)導(dǎo)致讀取數(shù)據(jù)錯(cuò)誤。
  • json的另外一個(gè)數(shù)據(jù)格式是數(shù)組殴泰,和javascript中的數(shù)組字面量相同于宙。
    ['tom',18,'programmer']

ajax與jsonp

ajax技術(shù)的目的是讓javascript發(fā)送http請(qǐng)求,與后臺(tái)通信悍汛,獲取數(shù)據(jù)和信息捞魁。ajax技術(shù)的原理是實(shí)例化xmlhttp對(duì)象,使用此對(duì)象與后臺(tái)通信离咐。ajax通信的過程不會(huì)影響后續(xù)javascript的執(zhí)行谱俭,從而實(shí)現(xiàn)異步。

  • 同步和異步
    現(xiàn)實(shí)生活中宵蛀,同步指的是同時(shí)做幾件事情旺上,異步指的是做完一件事后再做另外一件事,程序中的同步和異步是把現(xiàn)實(shí)生活中的概念對(duì)調(diào)糖埋,也就是程序中的異步指的是現(xiàn)實(shí)生活中的同步,程序中的同步指的是現(xiàn)實(shí)生活中的異步窃这。

  • 局部刷新和無刷新
    ajax可以實(shí)現(xiàn)局部刷新瞳别,也叫做無刷新,無刷新指的是整個(gè)頁面不刷新杭攻,只是局部刷新祟敛,ajax可以自己發(fā)送http請(qǐng)求,不用通過瀏覽器的地址欄兆解,所以頁面整體不會(huì)刷新馆铁,ajax獲取到后臺(tái)數(shù)據(jù),更新頁面顯示數(shù)據(jù)的部分锅睛,就做到了頁面局部刷新埠巨。

  • 同源策略
    ajax請(qǐng)求的頁面或資源只能是同一個(gè)域下面的資源,不能是其他域的資源辣垒,這是在設(shè)計(jì)ajax時(shí)基于安全的考慮望侈。特征報(bào)錯(cuò)提示:
    XMLHttpRequest cannot load https://www.baidu.com/. No
    'Access-Control-Allow-Origin' header is present on the requested resource.
    Origin 'null' is therefore not allowed access.

  • $.ajax使用方法
    常用參數(shù):
    1、url 請(qǐng)求地址
    2勋桶、type 請(qǐng)求方式脱衙,默認(rèn)是'GET',常用的還有'POST'
    3例驹、dataType 設(shè)置返回的數(shù)據(jù)格式捐韩,常用的是'json'格式,也可以設(shè)置為'html'
    4鹃锈、data 設(shè)置發(fā)送給服務(wù)器的數(shù)據(jù)
    5荤胁、success 設(shè)置請(qǐng)求成功后的回調(diào)函數(shù)
    6、error 設(shè)置請(qǐng)求失敗后的回調(diào)函數(shù)
    7仪召、async 設(shè)置是否異步寨蹋,默認(rèn)值是'true',表示異步

  • 以前的寫法:
    $.ajax({
    url: 'js/user.json',
    type: 'GET',
    dataType: 'json',
    data:{'aa':1}
    success:function(data){
    ......
    },
    error:function(){
    alert('服務(wù)器超時(shí)扔茅,請(qǐng)重試已旧!');
    }
    });

  • 新的寫法(推薦):
    $.ajax({
    url: 'js/user.json',
    type: 'GET',
    dataType: 'json',
    data:{'aa':1}
    })
    .done(function(data) {
    ......
    })
    .fail(function() {
    alert('服務(wù)器超時(shí),請(qǐng)重試召娜!');
    });

  • jsonp
    ajax只能請(qǐng)求同一個(gè)域下的數(shù)據(jù)或資源运褪,有時(shí)候需要跨域請(qǐng)求數(shù)據(jù),就需要用到j(luò)sonp技術(shù)玖瘸,jsonp可以跨域請(qǐng)求數(shù)據(jù)秸讹,它的原理主要是利用了script標(biāo)簽可以跨域鏈接資源的特性。
    jsonp的原理如下
    <script type="text/javascript">
    function aa(dat){
    alert(dat.name);
    }
    </script>
    <script type="text/javascript" src="....../js/data.js"></script>
    頁面上定義一個(gè)函數(shù)雅倒,引用一個(gè)外部js文件璃诀,外部js文件的地址可以是不同域的地址,外部js文件的內(nèi)容如下:

aa({"name":"tom","age":18});
外部js文件調(diào)用頁面上定義的函數(shù)劣欢,通過參數(shù)把數(shù)據(jù)傳進(jìn)去

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市裁良,隨后出現(xiàn)的幾起案子凿将,更是在濱河造成了極大的恐慌,老刑警劉巖价脾,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件牧抵,死亡現(xiàn)場離奇詭異,居然都是意外死亡侨把,警方通過查閱死者的電腦和手機(jī)犀变,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門妹孙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人弛作,你說我怎么就攤上這事涕蜂。” “怎么了映琳?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵机隙,是天一觀的道長。 經(jīng)常有香客問我萨西,道長有鹿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任谎脯,我火速辦了婚禮葱跋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘源梭。我一直安慰自己娱俺,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布废麻。 她就那樣靜靜地躺著,像睡著了一般烛愧。 火紅的嫁衣襯著肌膚如雪油宜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天怜姿,我揣著相機(jī)與錄音慎冤,去河邊找鬼。 笑死沧卢,一個(gè)胖子當(dāng)著我的面吹牛蚁堤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播但狭,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼披诗,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了熟空?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤搞莺,失蹤者是張志新(化名)和其女友劉穎息罗,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體才沧,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡迈喉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年绍刮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挨摸。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡孩革,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出得运,到底是詐尸還是另有隱情膝蜈,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布熔掺,位于F島的核電站,受9級(jí)特大地震影響置逻,放射性物質(zhì)發(fā)生泄漏推沸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一券坞、第九天 我趴在偏房一處隱蔽的房頂上張望鬓催。 院中可真熱鬧,春花似錦恨锚、人聲如沸宇驾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽飞苇。三九已至,卻和暖如春蜗顽,著一層夾襖步出監(jiān)牢的瞬間布卡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國打工雇盖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留忿等,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓崔挖,卻偏偏與公主長得像贸街,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子狸相,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5薛匪? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,485評(píng)論 1 45
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對(duì)象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,196評(píng)論 0 7
  • ??2005 年,Jesse James Garrett 發(fā)表了一篇在線文章,題為“Ajax: A new App...
    霜天曉閱讀 890評(píng)論 0 1
  • Ajax的基本概念及使用 同步&異步 同步:必須等待前面的任務(wù)完成娇跟,才能繼續(xù)后面的任務(wù)岩齿; 異步:不受當(dāng)前主要任務(wù)的...
    magic_pill閱讀 1,951評(píng)論 0 5
  • 今天下班在地鐵上看到一對(duì)中年夫妻,他們不知道怎么坐地鐵回去盹沈,我告訴他們了。在地鐵上看到那個(gè)阿姨一上地鐵很暈吃谣∑蚍猓靠在車...
    晴妹子閱讀 370評(píng)論 3 0