简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Comment afficher les données obtenues par console.log() sur la page
为情所困
为情所困 2017-05-19 10:46:01
0
5
3428
<!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>

Je souhaite ajouter un p à la page et afficher le contenu ici, mais cela semble faux lorsque je l'écris de cette façon. Comment puis-je ajouter un identifiant à console.log ? Ou comment afficher le contenu de console.log vers p ?

为情所困
为情所困

répondre à tous(5)
Peter_Zhu
Peter_Zhu2017-05-19 10:48:01 5 plancher

  • La proposition elle-même est quelque peu problématique. La fonction de console.log() est destinée au débogage du code, qui est une sortie de la console. Le but de cette méthode est d'afficher le contenu que vous ne souhaitez pas afficher sur la page dans la console pour faciliter le débogage du code. Si vous souhaitez afficher sur la page, il existe de nombreuses méthodes. Element.innnerHTML et Element.text() sont de bons choix. Pire encore, il existe la méthode violente document.write(). puis l'afficher sur la page ? En d'autres termes, tant que vous pouvez consoler le contenu, vous pouvez utiliser document.write() sur la page

  • Le code de la question n'est qu'un ajax, que signifie eval ? Que signifie xhr.send(null) ? De plus, même si xhr.readyState==4: true, cela signifie uniquement que les données ont été reçues en arrière-plan, mais devez-vous juger si les données vous sont restituées ?

  • Si vous utilisez Ajax natif, il est préférable de faire attention au contrôle des codes d'état et de bien gérer la logique métier. Si vous utilisez jquery ou angulaire, ce sera un meilleur choix

Comme +0
Ajouter une réponse
漂亮男人
漂亮男人2017-05-19 10:48:01 4 plancher

Console.log imprime le contenu des personnes, donc le contenu de votre innerHTML est celui des personnes. Qu'est-ce que cela signifie lorsque vous écrivez eval

.
Comme +0
Ajouter une réponse
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:48:01 3 plancher

Variez simplement les personnes, puis attribuez la valeur, puis ajoutez des personnes à la position correspondante. N'utilisez pas eval aveuglément.

Comme +0
Ajouter une réponse
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-19 10:48:01 2 plancher

eval Cette fonction doit être utilisée avec prudence. Mettez directement le contenu que vous devez imprimer dans une variable. Puis innerhtml ou innertext

Comme +0
Ajouter une réponse
仅有的幸福
仅有的幸福2017-05-19 10:48:01 1 plancher

La sortie vers la page innerText ou innerHTML est très bien

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！