ajax後腳本

Question

我是新來的ajax後。 我只是擺弄下面的腳本。 我認爲這是行不通的。 我需要一些建議。非常感謝。

<SCRIPT> 

function kin() { 
    var kobj = document.getElementById("k"); // input Object 
    var q = kobj.value; 

     $.ajax({ 
     type: "POST", 
     URL: "zips.php", 
     data:q, 
     success: function(res) { 
      $("#result").append(res); 
      console.log(res); 
     } 
    }); 

} 

</SCRIPT> 

<INPUT type="text" autocomplete="off" value="" id="k"><input type="submit" value="search" onClick="kin()" data-role="button">  
<DIV id="result"></DIV> 

Answer 1

我在你發佈的代碼注意到了兩個錯誤。我評論了舊代碼，因此您可以輕鬆注意到更改。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 

<SCRIPT> 

function kin() { 
    //var kobj = document.getElementById("k"); // input Object 
    //var q = kobj.value; 

    var q = $("#k").val(); 

     $.ajax({ 
     type: "POST", 
     url: "zips.php", 
     //data:q, 
     data: "q="+q, 
     success: function(res) { 
      $("#result").append(res); 
      console.log(res); 
     } 
    }); 

} 

</SCRIPT> 

<INPUT type="text" autocomplete="off" value="" id="k"><input type="submit" value="search" onClick="kin()" data-role="button">  
<DIV id="result"></DIV> 

的JQuery可以讓你重寫你發佈這樣的代碼：你到底做

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<SCRIPT> 

$(document).ready(function() { 
    $("#submit").click(function(e) { 
     e.preventDefault(); 

     var q = $("#k").val(); 

     $.ajax({ 
      type: "POST", 
      url: "zips.php", 
      data: "q="+ q, 
      success: function(res) { 
       $("#result").append(res); 
       console.log(res); 
     }, 
     }); 

    });  

}); 

</SCRIPT> 

<INPUT type="text" autocomplete="off" value="" id="k"><input type="submit" id="submit" value="search" data-role="button">  
<DIV id="result"></DIV> 

Answer 2

代替：

data:q, 

嘗試：

data:{"q":q},