繁体   English   中英

AJAX请求到php文件

[英]AJAX request to a php file

我对AJAX对php文件的真正基本请求有问题。 我正在通过XAMPP运行所有这些东西。 我要用此代码执行的操作是,在单击“提交”按钮并将结果发布到div“结果”中后,回显键入到文本框中的名称。 我这样做是为了尝试清除另一个脚本中的错误,但到目前为止还不太顺利。

<html> 


<head>
<script type="text/javascript">
function go() {
var request;
 if(window.XMLHttpRequest) {
 request = new XMLHttpRequest();

 }   
     else {

     request = new ActiveXObject("Microsoft.XMLHTTP");
     }
     var uname = document.getElementById("name").value;
     request.onreadystatechange= function() {
         if(request.readyState == 4) {

             document.getElementById("result").innerHTML = response.Text;


             }


        }
        url = "win.php?name="+uname;
        request.open("GET", url, true);
        request.send();
     }
 </script>

   </head>

 <body>
  Name:<input type="textbox"  name="jesus" id="name" />    
  <input type="button" value="Submit"  onlick="go()" />
  <div id ="result"> Result:</div>
   </body>
   </html>



<?php


  $name = $_GET['name'];
  echo $name;





  ?>

您没有一个名为response的对象,而是在request对象上寻找responseText属性。

document.getElementById("result").innerHTML = request.responseText;

也:

  1. 避免使用全局变量
  2. 不要在目标div存在之前发送HTTP请求,否则,当响应返回时,您可能会仍然没有HTTP请求
  3. 您可能应该检查响应的HTTP状态是否为200 (确定)以及是否已完成(readyState 4)。
  4. 不要将原始用户输入放在URL中,请先使用encodeURIComponent对其进行转义

使用该document.getElementById("result").innerHTML = response.responseText;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM