<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        Ajax使用JSON數據格式案例

        來源:懂視網 責編:小采 時間:2020-11-27 22:52:11
        文檔

        Ajax使用JSON數據格式案例

        Ajax使用JSON數據格式案例:1: JSON(JavaScriptObject Notation)一種簡單的數據格式,比xml更輕巧。JSON是JavaScript原生格式,這意味著在JavaScript中處理JSON數據不需要任何特殊的API或工具包。 JSON的規則很簡單:對象是一個無序的名稱/值'對集合。一個對象以{(左括
        推薦度:
        導讀Ajax使用JSON數據格式案例:1: JSON(JavaScriptObject Notation)一種簡單的數據格式,比xml更輕巧。JSON是JavaScript原生格式,這意味著在JavaScript中處理JSON數據不需要任何特殊的API或工具包。 JSON的規則很簡單:對象是一個無序的名稱/值'對集合。一個對象以{(左括

        1:

        JSON(JavaScriptObject Notation)一種簡單的數據格式,比xml更輕巧。JSON是JavaScript原生格式,這意味著在JavaScript中處理JSON數據不需要任何特殊的API或工具包。
        JSON的規則很簡單:對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括號)開始,“}”(右括號)結束。每個“名稱”后跟一個“:”(冒號);“‘名稱/值'對”之間使用“,”(逗號)分隔。
        JSON用冒號(而不是等號)來賦值。每一條賦值語句用逗號分開。整個對象用大括號封裝起來。可用大括號分級嵌套數據。
        對象描述中存儲的數據可以是字符串,數字或者布爾值。對象描述也可存儲函數,那就是對象的方法。

        <span style="font-size:18px;">{"person": { 
        "name":"Andy Budd", 
        "website":"http://andybudd.com/", 
        "email":"andy@clearleft.com" 
        } 
        }</span>

        JSON 只是一種文本字符串。它被存儲在responseText 屬性中
        為了讀取存儲在 responseText 屬性中的JSON 數據,需要根據JavaScript 的eval語句。函數 eval會把一個字符串當作它的參數。然后這個字符串會被當作 JavaScript 代碼來執行。因為 JSON 的字符串就是由 JavaScript 代碼構成的,所以它本身是可執行的

        2:案例

        <%@ page language="java" pageEncoding="UTF-8"%> 
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
        <head> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
        <title>People at Clearleft</title> 
        <style type="text/css"> 
        @import url("clearleft.css"); 
        </style> 
        <script type="text/javascript"> 
        window.onload=function(){ 
        var aNodes=document.getElementsByTagName("a"); 
        
        for(var i = 0;i < aNodes.length; i++){ 
        
        aNodes[i].onclick=function(){ 
        var request=new XMLHttpRequest(); 
        var url=this.href; 
        var method="GET"; 
        request.open(method,url); 
        request.send(null); 
        request.onreadystatechange=function(){ 
        if(request.readyState==4){ 
        if(request.status==200||request==304){ 
        var result=request.responseText; //json被存儲在responseText屬性中 
        var object=eval("("+result+")"); //讀取responseText中的json數據 
        var name= object.person.name; //讀取json對象中存儲的數據 
        var website= object.person.website; 
        var email= object.person.email; 
        var aNode=document.createElement("a"); 
        aNode.appendChild(document.createTextNode(name+":"+"email"+":"+website)); 
        aNode.href="mailTo"+"email"+",website"; 
        var h2Node=document.createElement("h2"); 
        h2Node.appendChild(aNode); 
        var dtails=document.getElementById("details"); 
        details.innerHTML=""; //防止重復的添加字符串 
        dtails.appendChild(h2Node); 
        } 
        } 
        } 
        return false; 
        } 
        } 
        }; 
        </script> 
        </head> 
        <body> 
        <h1> 
        People 
        </h1> 
        <ul> 
        <li> 
        <a href="files/andy.js">Andy</a> 
        </li> 
        <li> 
        <a href="files/richard.js">Richard</a> 
        </li> 
        <li> 
        <a href="files/jeremy.js">Jeremy</a> 
        </li> 
        </ul> 
        <div id="details"></div> 
        </body> 
        </html>

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        Ajax使用JSON數據格式案例

        Ajax使用JSON數據格式案例:1: JSON(JavaScriptObject Notation)一種簡單的數據格式,比xml更輕巧。JSON是JavaScript原生格式,這意味著在JavaScript中處理JSON數據不需要任何特殊的API或工具包。 JSON的規則很簡單:對象是一個無序的名稱/值'對集合。一個對象以{(左括
        推薦度:
        標簽: 案例 實例 json
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 四虎国产成人永久精品免费| 午夜成人免费视频| 亚洲精品无码99在线观看| 亚洲AV无码AV男人的天堂不卡| 无码一区二区三区免费视频 | 国产午夜免费高清久久影院| 亚洲一区二区高清| 亚洲fuli在线观看| 啦啦啦高清视频在线观看免费| 亚洲校园春色另类激情| 成人影片麻豆国产影片免费观看| 亚洲精品456人成在线| 美女裸身网站免费看免费网站| 美女视频黄免费亚洲| 在线a人片天堂免费观看高清| WWW亚洲色大成网络.COM| 一本久久综合亚洲鲁鲁五月天 | 色播在线永久免费视频| 亚洲另类无码专区首页| 在线免费观看国产视频| 亚洲va在线va天堂va手机| 无码高潮少妇毛多水多水免费| 亚洲熟妇av午夜无码不卡| 日本免费网站视频www区| 亚洲av无码专区国产乱码在线观看| 97人妻精品全国免费视频| 丁香五月亚洲综合深深爱| 性xxxxx大片免费视频| 亚洲国产成a人v在线观看| 免费A级毛片无码A∨男男| 成在线人免费无码高潮喷水| 亚洲一区二区三区夜色| 免费观看a级毛片| 中国极品美軳免费观看| 亚洲国产精品白丝在线观看| 最近中文字幕无免费| 久久亚洲AV成人无码国产最大| 亚洲午夜久久久久久久久电影网| 在线观看H网址免费入口| 菠萝菠萝蜜在线免费视频| 免费在线观看亚洲|