简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – So geben Sie die von console.log() erhaltenen Daten auf der Seite aus
为情所困
为情所困 2017-05-19 10:46:01
0
5
3433
<!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>

Ich möchte der Seite ein p hinzufügen und den Inhalt hier ausgeben, aber wenn ich es so schreibe, scheint es falsch zu sein. Wie kann ich console.log eine ID hinzufügen? Oder wie gibt man den Inhalt von console.log nach p aus?

为情所困
为情所困

Antworte allen(5)
Peter_Zhu
Peter_Zhu2017-05-19 10:48:01 5 Etage

  • 本身这个命题就有点问题。console.log()的作用就是用于代码调试的，是控制台输出，这个方法的目的就是对于你不想显示在页面的内容，显示在控制台中，方便代码调试。如果要在页面中输出，有很多方法啊，Element.innnerHTML、Element.text()都是不错的选择啊，再不济还有暴力的document.write()方法，为什么还要那么麻烦的找到console的内容，然后输出到页面呢？换句话说，只要你能console的内容，都可以用document.write()到页面上

  • 题主的代码不过是做了一个ajax，eval是几个意思啊？xhr.send(null)又是几个意思啊？更何况即使是xhr.readyState==4：true,这也只是代表后台接收到数据了，但是有没有给你返回数据，你是不是也要判断一下啊？

  • 题主的如果做原生的ajax，那就最好注意状态码的控制，处理好业务逻辑。如果采用jquery或者angular，将会是更不错的选择

Wie +0
Antwort hinzufügen
漂亮男人
漂亮男人2017-05-19 10:48:01 4 Etage

console.log打印的是people的内容,那么你innerHTML的内容就是people啊,你写个eval是几个意思啊

Wie +0
Antwort hinzufügen
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:48:01 3 Etage

直接var people 然后赋值，再把people加到相应的位置不就好了。eval不要瞎用。

Wie +0
Antwort hinzufügen
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:48:01 2 Etage

eval这个函数慎用。直接把你需要打印的内容放到一个变量里面。然后innerhtml或者innertext

Wie +0
Antwort hinzufügen
仅有的幸福
仅有的幸福2017-05-19 10:48:01 1 Etage

输出到页面 innerText 或者 innerHTML 都行

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！