Ajax問題

Question

如何爲ajax做到這一點？感謝您的幫助！

這裏的表單代碼

<form action="" method="post"> 
    <p>Search for a name:</p> 
    <p><input type="text" name="name" id="name" /></p> 
    <input type="submit" name="submit" id="submit" value="Search Name" /> 
</form> 
<div id="output"></div> 

和它下面

$("input#submit").click(function(){ 
     var name_val = $("input#name").val(); 
     $.ajax({ 
      type: "POST", 
      url: "select.php", 
      dataType: "json", 
      data: { 
       name: name_val 
      }, 
      success: function(data){ 
       if(data.error == true){ 
        $("#output").append("<p>"+ name_value +" is on the list.</p>"); 
       } else { 
        $("#output").append("<p>"+ name_value +" is not the list.</p>"); 
       } 
      } 
     }); 
    }) 

</script> 

的JavaScript和這裏的select.php裏面的代碼

if(isset($_POST['submit'])){ 
    $name = $_POST['name']; 

    $sql = "SELECT * FROM persons WHERE FirstName = '{$name}'"; 
    $result = mysql_query($sql, $con); 
    if(!$result){ 
     die("Database query failed: ". mysql_error()); 
    } 

    while($row = mysql_fetch_array($result)){ 
     if(in_array($name, $row)){ 
      $return['success'] = true; 
      echo json_encode($return); 
     } else { 
      $return['success'] = false; 
      echo json_encode($return); 
     } 
    } 
} 

Answer 1

而不是$("input#submit").click(function(){...

做

$("form#formID").submit(function(){ 

    $.ajax({ 
     type: "POST", 
     url: "select.php", 
     dataType: "json", 
     data: $(this.serialize(), 
     success: function(data){ 
      if(data.error == true){ 
       $("#output").append("<p>"+ name_value +" is on the list.</p>"); 
      } else { 
       $("#output").append("<p>"+ name_value +" is not the list.</p>"); 
      } 
     } 
    }); 
    return false; //remember this 

}); 

Answer 2

它通常是有幫助的，包括你的AJAX錯誤捕手：

$.ajax({ 
      type: "POST", 
      url: "select.php", 
      dataType: "json", 
      data: { 
       name: name_val 
      }, 
      success: function(data){ 
       if(data.error == true){ 
        $("#output").append("<p>"+ name_value +" is on the list.</p>"); 
       } else { 
        $("#output").append("<p>"+ name_value +" is not the list.</p>"); 
       } 
      }, 
     error: function(x,e){ 
      alert(x.readyState + " " + x.status + " " + e.msg); 
     } 
     }); 

Answer 3

根據你的代碼一眼，你不需要if(isset($_POST['submit']))。

你的結果是什麼？什麼是從jQuery返回的。

嘗試在你的PHP文件中使用這樣的：

$name = $_POST['name']; 

    $sql = "SELECT * FROM persons WHERE FirstName = '{$name}'"; 
    $result = mysql_query($sql, $con); 
    if(!$result){ 
     die("Database query failed: ". mysql_error()); 
    } 

    while($row = mysql_fetch_array($result)){ 
     if(in_array($name, $row)){ 
      $return['success'] = true; 
      echo json_encode($return); 
     } else { 
      $return['success'] = false; 
      echo json_encode($return); 
     } 
    } 

編輯：

你應該不需要if(isset($_POST['submit']))。原因是，isset正在檢查提交是否已設置。在向同一頁面提交表單時通常會使用這種方法。你不需要這個，因爲你已經用jQuery來檢查它，而且你也沒有通過你的ajax發佈它。

對於一個測試，看看通話是否正常工作，你爲什麼不把這個在PHP：在你阿賈克斯

if(in_array($name, $row)){ 
    echo 'success'; 
} else {  
    echo 'fail'; 
} 

然後：

if(data == "success"){ 
    $("#output").append("<p>"+ name_value +" is on the list.</p>"); 
} else { 
$("#output").append("<p>"+ name_value +" is not the list.</p>"); 
} 

如果這個作品它它表明你的ajax調用有問題。讓我知道你的結果。