一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - json - XML的代替者----JSON

XML的代替者----JSON

2022-01-03 21:31JSON教程網 json

我個人覺得PHP與Javascript各有長處,如果能完美的結合起來,那將創造出許許多多的奇跡!我是初次寫此類文章,Bug難免,請各位指正~ 現在AJAX應用非常流行,而在AJAX中客戶端Javascript和服務端動態腳本的通信是關鍵。如果傳輸的信

我個人覺得PHP與Javascript各有長處,如果能完美的結合起來,那將創造出許許多多的奇跡! 我是初次寫此類文章,Bug難免,請各位指正~ 
    現在AJAX應用非常流行,而在AJAX中客戶端Javascript和服務端動態腳本的通信是關鍵。如果傳輸的信息比較簡單,通常我們會直接采用字符串的方式,如果信息結構復雜一點,則通常用XML文檔。XML文檔雖然應用廣泛,但是用php生成和用Javascript處理卻不是一件很容易的事情。這里我推薦一種XML文檔的比較好簡化替代方案:JSON! 
    首先我們來了解一下Javascript的基礎知識。 
    1.創建數組,可以用JS內建的類Array來初始化,也可以用JSON符號"[]"。下面通過兩種方式創建的arr1和arr2的實質是一樣的: 

var arr1 = new Array(); 
arr1[0] = "apple"; 
arr1[1] = "google"; 
arr1[2] = "longbill"; 

var arr2 = ["apple","google","longbill"];
注意,數組的索引也可以是字符串,如 arr1["name"] = "longbill"; 這時的數組就相當于對象了。。。 
    2.創建對象,可以用JS內建的類Object來初始化,也可以用JSON符號"{}"。下面通過兩種方式創建的obj1和ob2的實質也是一樣的: 


var obj1 = new Object(); 
obj1.name = "longbill"; 
obj1.age = 18; 

var obj2 = { name:"longbill",age:18 };
注意,這里"{"和"}"之間必須寫成"鍵:值"的形式,而且不同的"鍵:值"之間要用","分割。 "鍵"中也可以包含空格等特殊字符,此時要用""(引號)來引用,如 "phone number":123456 
    其實在JS中,數組的本質是一個對象,對象本身也是一個數組。所以, obj1.name 和 obj1["name"] 是同一個引用。 
    我們還可以通過JSON符號的嵌套來定義復雜的S對象: 


var people = [ 
    { 
        name:"longbill", 
        age:18 
    }, 
    { 
        name:"neal", 
        age:19 
    }, 
    { 
        name:"glocklee", 
        age:17 
    } 
];
//這個應該看的懂吧~~ 
大部分XML文檔都可以用JSON來表達: 


<?xml version="1.0"?> 
<root> 
  <book> 
    <name>Ju love</name> 
    <price>$15</price> 
  </book> 
  <book> 
    <name>Javascrip</name> 
    <price>$25</price> 
  </book> 
</root>

如果用JSON就可以表達為: 


root: 

  { 
     name:"Ju love", 
     price:"$15" 
  }, 
  { 
     name:"Javascript", 
     price:"$25" 
  } 
]}

是不是簡化很多? 

    而且客戶端JS處理起來也很簡單,只要用執行字符串函數 "eval" 就可以將JSON信息提取出來,而如果是XML文檔,那就不的不用大量的標準DOM操作來提取其中的數據。如: 


//已經用AJAX從服務端下載了一個JSON文件(字符串),保存在變量 json 里 
eval("var myvar = "+json); 
//這樣,JSON里的信息就表達在myvar這個變量里了。
缺點:一旦JSON的格式錯誤,將導致服務端JS系統錯誤,甚至崩潰。 
   解決辦法: 
   最好在eval之前使用try(試探執行),如 


//已經用AJAX從服務端下載了一個JSON文件(字符串),保存在變量 json 里 
try { 
    eval("var myvar = "+json); 
} catch(e) { alert('json syntax error!'); } 
//這樣,即使JSON格式錯誤,也只會彈出一個提示框,而不會拋出一個腳本錯誤!

延伸 · 閱讀

精彩推薦
  • json用 JSON 處理緩存

    用 JSON 處理緩存

    使用 JSON(即 JavaScript Object Notation),將以一種特定的字符串形式來表示 JavaScript 對象。如果將具有這樣一種形式的字符串賦給任意一個 JavaScript 變量,該...

    JSON教程網8592022-01-03
  • jsonXML的代替者----JSON

    XML的代替者----JSON

    我個人覺得PHP與Javascript各有長處,如果能完美的結合起來,那將創造出許許多多的奇跡!我是初次寫此類文章,Bug難免,請各位指正~ 現在AJAX應用非常流行...

    JSON教程網6982022-01-03
  • json厲害了,ECMAScript 新提案:JSON模塊

    厲害了,ECMAScript 新提案:JSON模塊

    第三階段的一個名為JSON模塊的新提議,提出了一種將JSON導入到ES模塊的方法。現在,我們來看看JSON模塊是如何工作的。...

    大遷世界11212021-12-27
  • json看了就知道什么是JSON

    看了就知道什么是JSON

    JSON(Javascript Object Notation) 是一種輕量級的數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。它基于Javascript Programming Language, Standard ECMA-262 ...

    JSON教程網5832022-01-03
主站蜘蛛池模板: 青青草原社区 | 大胸孕妇孕交pregnantsex 大象视频污 | 九九热只有精品 | lubuntu网页版在线 | 久久久精品日本一区二区三区 | 暖暖的视频完整视频韩国免费 | 四虎影视e456fcom四虎影视 | 睡男神的这件小事小说在线阅读 | 国产精品免费视频一区一 | 亚洲人成毛片线播放 | 免费成年人在线视频 | 国产精品理论片 | 欧美精品一线二线大片 | 东北恋哥在线播放免费播放 | 久久精品中文騷妇女内射 | 国产在线观看色 | 日本一区二区三区精品 | 久久sese| 成 人免费va视频 | 饭冈加奈子乳喷cead144 | 亚洲首页国产精品丝袜 | 精品福利一区 | 成人区精品一区二区毛片不卡 | 亚洲剧情在线 | 免费理伦片在线观看全网站 | 欧美夜夜精品一级爽 | 校花在公车上被内射好舒 | 边摸边操 | 不良小说 | 天天操免费视频 | 欧美久久一区二区三区 | free极度另类性欧美 | 亚洲欧美一区二区三区在线观看 | 2019国内自拍大神视频 | 嗯好爽视频 | 色综合色狠狠天天综合色hd | 亚洲国产情侣偷自在线二页 | 国产精品人人视频 | 国产情侣自拍网 | 色人阁导航 | 男同gay玩奴男同玩奴 |