gpt4 book ai didi

javascript - AJAX 结果发送到 app> 而不是 <input>

转载 作者:行者123 更新时间:2023-11-28 20:35:24 25 4
gpt4 key购买 nike

我正在通过在线教程学习 AJAX,并尝试使用代码。

以下是教程中的代码:

<body>
<script language="javascript" type="text/javascript">

function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!

try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
document.myForm.time.value = ajaxRequest.responseText;
}
}
ajaxRequest.open("POST", "serverTime.php", true);
ajaxRequest.send(null);
}

</script>

<form name='myForm'>
Name: <input type='text' onChange="ajaxFunction();" name='username' /> <br />
<!-- ******* this is what I want to work with: ****--> <input type='text' name='time' />
</form>
</body>
</html>

我希望将结果打印到简单的 <p>标签而不是 <input> 。我尝试了以下方法,但没有成功:

<p name="time"></p>

我做错了什么?

编辑

根据下面的答案,我将代码更改为:

    ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var txtNode = document.createTextNode(ajaxRequest.responseText);
document.getElementById("time").appendChild(txtNode);
}

<p id="time"></p>

我仍然无法让它工作。我做错了什么?

最佳答案

段落元素不能有 name 属性,您需要使用 id 代替。这意味着您还应该使用 document.getElementById("time") 而不是 document.myForm.time

编辑您的 JavaScript:

if(ajaxRequest.readyState == 4) {
var txtNode = document.createTextNode(ajaxRequest.responseText);
document.getElementById("time").appendChild(txtNode);
}

还有你的 HTML:

<p id="time"></p>

关于javascript - AJAX 结果发送到 app> 而不是 &lt;input&gt;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15514549/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com