AJAX-----07XMLHttpRequest對象的處理返回的JSON類型數據

本文轉載自查看原文 2016-11-07 15:13 6543 AJAX-----07XMLHttpRequest對象的處理返回的JSON類型數據/ AJAX

要玩json首先就需要知道一般都數據是怎么處理的：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function createXHR(){
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else if(window.ActiveXObject){
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            return xhr;
        }

        function test1(){
            var xhr = createXHR();
            xhr.open('GET','8.php',true);
            xhr.onreadystatechange = function(){
                if(this.readyState == 4){
                    document.getElementById('lists').innerHTML = this.responseText;
                }
            }
            xhr.send(null);
        }
    </script>
</head>
<body>
    <input type="button" value="更新歌曲" onclick="test1();">
    <div id="lists"></div>
</body>
</html>

<?php
    header("Content-Type:text/html;charset=utf-8");

    foreach( array('夜夜十八摸','人狗情未了主題曲','左手右手慢動作','妹妹坐船頭') as $v ){
        echo '<li>'.$v.'</li>';
    }

我們居然知道普通數據是怎么處理的了，那么json數據其實也是很簡單的，不過是設計得比較巧妙，看上去好像很有規律，巧就巧在可以讓javascript當對象使用而已。。。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        ul{ list-style:none; }
    </style>
    <script>
        function createXHR(){
            var xhr = null;
            if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
            }else if(window.ActiveXObject){
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            return xhr;
        }

        function test1(){
            var xhr = createXHR();
            xhr.open('GET','8.php',true);
            xhr.onreadystatechange = function(){
                if(this.readyState == 4){
                    //alert(this.responseText);
                    var mp3 = eval('('+ this.responseText +')');
                    document.getElementById('title').innerHTML = mp3.title;
                    document.getElementById('desc').innerHTML = mp3.desc;

                }
            }
            xhr.send(null);
        }
    </script>
</head>
<body>
    <input type="button" value="更新歌曲" onclick="test1();">
    <ul>
        <li>
            <p id="title"></p>
            <p id="desc"></p>
        </li>
    </ul>
</body>
</html>

<?php
    $mp3 = array('title'=>'夜夜十八摸','desc'=>'男人夜夜都是淚');
    echo json_encode($mp3);

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 ajax返回數據類型為JSON數據的處理 AJAX 使用XMLHttpRequest對象發送和接受數據 ajax返回數據類型為XML數據的處理 AJAX——理解XMLHttpRequest對象 ajax技術返回json如何處理關於Ajax接收后台返回的 Long類型數據的處理思路 AJAX返回數據類型 Ajax返回數據類型 Ajax中的XMLHttpRequest對象詳解 ajax返回類型dataType json和text比較