簡體   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