日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

json教程

  • 關于 JSON
  • JSON 教程

    json格式

    JSON解析

    JSON遍歷

    JSON調用

    JSON轉換

    JSON獲取

    JSON字符串

    JSON數組

    JSON 與 Ajax

    閱讀 (2507)

    JSON 與 Ajax

    AJAX 就是異步 JavaScript 和 XML,它是一組用于客戶端的相互關聯的 Web 開發技術,以創建異步 Web 應用程序。遵循 AJAX 模型,Web 應用程序可以以異步的方式發送數據以及從服務器上檢索數據,而不影響現有頁面的顯示行為。

    許多開發人員都在客戶端和服務器之間使用 JSON 傳遞 AJAX 更新。實時更新體育成績的站點就可以視為一個 AJAX 例子。如果這些成績要更新到站點上,那么必須要把它們存儲到服務器上便于需要時網頁能取回這些成績。這里我們可以使用 JSON 格式的數據。

    任何使用 AJAX 更新的數據都可以使用 JSON 格式存儲在 Web 服務器上。使用 AJAX,那么 JavaScript 就可以在必要時取回這些 JSON 文件,解析它們,然后做以下兩件事情:

    • 把它們顯示到網頁上之前將解析的值存儲到變量中便于進一步處理。
    • 直接分配數據給網頁中的 DOM 元素,那么它就會顯示在站點上。

    示例

    下面的代碼展示了 JSON 和 AJAX,請把它們保存為 ajax.htm 文件。這里的加載函數 loadJSON() 將會使用異步的方式上傳 JSON 數據。

    <head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <script type="application/javascript">
    function loadJSON()
    {
        var data_file = "http://www.tutorialspoint.com/json/data.json";
        var http_request = new XMLHttpRequest();
        try{
            // Opera 8.0+, Firefox, Chrome, Safari
            http_request = new XMLHttpRequest();
        }catch (e){
            // IE 瀏覽器處理
            try{
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            }catch (e) {
                try{
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                }catch (e){
                    // 錯誤處理
                    alert("Your browser broke!");
                    return false;
                }
            }
        }
        http_request.onreadystatechange = function(){
            if (http_request.readyState == 4 )
            {
                // 使用 JSON.parse 解析 JSON 數據
                var jsonObj = JSON.parse(http_request.responseText);
                // jsonObj 變量現在包含數組結構,可以通過 jsonObj.name 和 jsonObj.country 的方式訪問
                document.getElementById("Name").innerHTML = jsonObj.name;
                document.getElementById("Country").innerHTML = jsonObj.country;
            }
        }
        http_request.open("GET", data_file, true);
        http_request.send();
    }
    </script>
    <title>tutorialspoint.com JSON</title>
    </head>
    <body>
    <h1>Cricketer Details</h1>
    <table class="src">
    <tr><th>Name</th><th>Country</th></tr>
    <tr><td><div id="Name">Sachin</div></td>
    <td><div id="Country">India</div></td></tr>
    </table>
    <div class="central">
    <button type="button" onclick="loadJSON()">Update Details </button>
    </body>
    </html>

    下面就是包含 JSON 格式數據的輸入文件 data.json,當我們點擊 Update Detail 按鈕時會以異步的方式上傳它。這個文件已經保存到 http://www.tutorialspoint.com/json/ 上了。

    {"name": "brett", "country": "Australia"}

    上面的 HTML 代碼會生成如下所示屏幕顯示,這里你可以進行 AJAX 實戰:

    ajax in

    當我們點擊 Update Detail 按鈕時,應該會得到如下所示的結果,你也可以自己嘗試 JSON 和 AJAX,提供你自己的瀏覽器支持的 JavaScript。

    ajax in

    關閉
    程序員人生
    主站蜘蛛池模板: 久久精品国产色蜜蜜麻豆 | 在线成人免费视频 | 日韩专区一区二区 | 丁香六月色婷婷 | 91豆麻精品91久久久久久 | 国产骚片 | 国产欧美综合一区二区三区 | 美女久久| 高清免费毛片 | 成人一级毛片 | 嫩草影院在线观看视频 | 谁有免费黄色网址 | 亚洲三区在线观看 | 久草在线观看首页 | 九九视频一区 | 久久日韩精品 | 欧美日韩视频一区二区 | 色av影院 | 日韩欧美在线一区二区三区 | 欧美午夜精品久久久久久人妖 | 黄色免费看网站 | 欧美一区视频 | 欧美精品乱码久久久久久 | 日韩高清一区二区 | 国产二区视频在线观看 | 成人美女免费网站视频 | 亚洲综合区 | 中文字幕日韩欧美一区二区三区 | 亚洲久久网 | 精品99在线观看 | 国产精品久久一区二区三区, | 国产精品99久久久 | 国产成人久久 | 亚洲精品一区二区三区中文字幕 | 不用播放器看av | 一区二区三区高清不卡 | 2022国产精品 | 日韩av电影免费观看 | 黄色伊人网 | 中文 日韩 欧美 | 国产精品一区一区三区 |