Question

我正在练习AJAX的基础知识。

当我点击提交时，没有任何事情发生。

这是我的代码。

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>FIRST AJAX!</title>

<script>
function alertMe(){
    var field1 = document.getElementById("Field1").value;
    var parser = "parse.php";
    var values = "name="+filed1;
    var xml = new XMLHttpRequest();
    xml.open("POST", parser, true);
    xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xml.onreadystatechange = function(){
        if(xml.readyState == 4 && xml.status == 200){
            document.getElementById('output').innerHTML = xml.responseText;
        }
    }
    xml.send(values);
    document.getElementById('output').innerHTML = " Loading ... ";
}
</script>
</head>

<body>
    <input type="text" name="Field1" id="Field1"/>
    <input type="submit" name="Fsend" onClick="alertMe();"/>
    <p id="output"></p>
</body>

</html>

谢谢。

Answer 1

问题是你声明了一个名为field1的变量，然后将其称为fiLEd1。

尝试检查控制台是否有错误，它始终有用

Answer 2

  var values =“name =”+ filed1;＆＃xA;

＆＃xA;＆＃xA;

有拼写错误，应该...

＆＃xA;＆＃xA;

  var values =“name =”+ field1;＆＃xA;

＆＃xA;＆＃xA;

，输入元素应该在一个表单中，你可能想要使用type =“button”，因为你没有提交表单。最后，所有标准属性应该是小写的，应该是onclick，而不是onClick。

＆＃xA;＆＃xA;

 ＆lt;！doctype html＆gt; ＆LT; HTML＆GT; ＆LT; HEAD＆GT; ＆lt; meta charset =“utf-8”＆gt; ＆lt; title＆gt; FIRST AJAX！＆lt; / title＆gt; ＆lt; script＆gt;＆＃xA; function alertMe（）{＆＃xA; var field1 = document.getElementById（“Field1”）。value; ＆＃xA; var parser =“parse.php”;＆＃xA; var values =“name =”+ field1; ＆＃xA; var xml = new XMLHttpRequest（）;＆＃xA; xml.open（“POST”，parser，true）;＆＃xA; xml.setRequestHeader（“Content-type”，“application / x-www- form-urlencoded“）;＆＃xA; xml.onreadystatechange = function（）{＆＃xA; if（xml.readyState == 4＆amp;＆amp; xml.status == 200）{＆＃xA; document.getElementById（'output'）。innerHTML = xml.responseText; ＆＃XA; }＆＃xA;}＆＃xA; xml.send（values）;＆＃xA; document.getElementById（'output'）。innerHTML =“Loading ...”;＆＃xA;}＆＃xA;＆lt; /脚本＆GT; ＆＃xA;＆lt; / head＆gt;＆＃xA;＆＃xA;＆lt; body＆gt;＆lt; form＆gt;＆＃xA;＆lt; input type =“text”name =“Field1”id =“Field1”/＆gt; ＆＃xA;＆lt; input type =“button”value =“Submit”name =“Fsend”onclick =“alertMe（）;”/＆gt;＆＃xA;＆lt; / form＆gt; ＆lt; p id =“output”＆gt;＆lt; / p＆gt;＆＃xA;＆lt; / body＆gt; ＆LT; / HTML＆GT;＆＃XA;

＆＃XA;

按下提交按钮时AJAX无法正常工作

2 个答案: