cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Bagaimana untuk mengeluarkan data yang diperoleh oleh console.log() ke halaman

<!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?

为情所困为情所困2820 hari yang lalu3509

membalas semua(5)saya akan balas

  • 天蓬老师

    天蓬老师2017-05-19 10:48:01

    • 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

    balas
    0
  • 漂亮男人

    漂亮男人2017-05-19 10:48:01

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

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-19 10:48:01

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

    balas
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-19 10:48:01

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

    balas
    0
  • 仅有的幸福

    仅有的幸福2017-05-19 10:48:01

    Output ke halaman innerTeks atau innerHTML akan berfungsi

    balas
    0
  • Batalbalas