javascript - Bagaimana untuk mengeluarkan data yang diperoleh oleh console.log() ke halaman
为情所困
为情所困 2017-05-19 10:46:01
0
5
3518
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function get_msg(){
            //ajax请求接受,js做处理
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4){
                    // alert(typeof xhr.responseText);//
                    eval("var people="+xhr.responseText);
                    console.log(people);
                    document.getElementById('res').innerHTML = eval;
                }
            }
            xhr.open('get','./3.php');
            xhr.send(null);
        }
        //把string变为object对象
        //eval() 字符串参数->表达式 来运行
    </script>
</head>
<body>
    <h2>接受信息 并 读取</h2>
    <input type="button" value="获取" onclick="get_msg()">
    <p id="res"></p>
</body>
</html>

Saya ingin menambah p pada halaman dan mengeluarkan kandungan di sini, tetapi nampaknya salah apabila saya menulisnya dengan cara ini. Bagaimanakah saya boleh menambah ID pada console.log? Atau bagaimana untuk mengeluarkan kandungan console.log ke p?

为情所困
为情所困

membalas semua(5)
Peter_Zhu
  • Usul itu sendiri agak bermasalah. Fungsi console.log() adalah untuk penyahpepijatan kod, iaitu keluaran konsol Tujuan kaedah ini adalah untuk memaparkan kandungan yang anda tidak mahu paparkan pada halaman dalam konsol untuk memudahkan penyahpepijatan kod. Jika anda ingin membuat output pada halaman, terdapat banyak kaedah Element.innnerHTML dan Element.text() adalah pilihan yang lebih baik, terdapat kaedah violent.write() untuk mencari kandungan dan kemudian keluarkannya ke halaman? Dalam erti kata lain, selagi anda boleh menghiburkan kandungan, anda boleh menggunakan document.write() ke halaman

  • Kod soalan hanyalah ajax, apakah maksud eval? Apakah maksud xhr.send(null)? Apatah lagi, walaupun xhr.readyState==4: benar, ini hanya bermakna data telah diterima di latar belakang, tetapi adakah anda perlu menilai sama ada data itu dikembalikan kepada anda?

  • Jika anda menggunakan ajax asli, sebaiknya perhatikan kawalan kod status dan kendalikan logik perniagaan dengan baik. Jika anda menggunakan jquery atau angular, ia akan menjadi pilihan yang lebih baik

漂亮男人

Console.log mencetak kandungan orang, jadi kandungan HTML dalaman anda ialah orang Apakah maksudnya apabila anda menulis eval

曾经蜡笔没有小新

Hanya var orang dan kemudian tetapkan nilai, dan kemudian tambah orang pada kedudukan yang sepadan. Jangan gunakan eval secara membuta tuli.

曾经蜡笔没有小新

Gunakan fungsi eval dengan berhati-hati. Letakkan secara langsung kandungan yang anda perlukan untuk dicetak ke dalam pembolehubah. Kemudian innerhtml atau innertext

仅有的幸福

Output ke halaman innerTeks atau innerHTML akan berfungsi

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan