<!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 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
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
.Variez simplement les personnes, puis attribuez la valeur, puis ajoutez des personnes à la position correspondante. N'utilisez pas eval aveuglément.
eval Cette fonction doit être utilisée avec prudence. Mettez directement le contenu que vous devez imprimer dans une variable. Puis innerhtml ou innertext
La sortie vers la page innerText ou innerHTML est très bien