jquery - jquery/ajax 获取用户输入并在不刷新页面的情况下查询数据库

Question

我有一种情况，我需要获取用户客户 ID（从来自字段）并查询我的数据库并返回他/她的邮政编码而不刷新页面。任何帮助将不胜感激。j.

Answer 1

如果你的表单有一个提交按钮，你可以给这个按钮一个“onclick='queryDB()'”字段。

<button value="submit" ... onclick="queryDB()" />

那么你的javascript代码可以包括

function queryDB(){
   var url = <location of php file>;
   var postData = formField.value(); // gets value from your text input
   jQuery.post( url , postData , function(data){ <...update your page...> });
}

这是一个基本大纲，因为我没有关于您的页面的很多详细信息。如果您感到困惑，我建议您查看一些教程或发布更多信息。

编辑：
这个怎么样：

<form>
   <input type="text" name="name" value="Stackoverflow"/>
   <button onclick="queryDB()">Click Me!</button>
</form>
<div id="postResults33">
</div> 
<script> 
function queryDB(){ 
    var url = 'sendtest.php'; 
    var postData = formField.value(); // gets value from your text input 
    jQuery.post( url , {fieldValue:postData} , function(data){ $("#postResults33").html(data);
}); 
} 
</script>

然后你的 sendtest.php 文件必须有这样的东西

if(isset($_POST['fieldValue'])){
   userId = $_POST['fieldValue'];
   *get zip code using userId*
   echo zipCode;
}