jquery - jquery/ajaxはユーザー入力を取得し、ページを更新せずにデータベースを照会します

Question

ユーザーの顧客 ID を ( from フィールドから) 取得し、DB にクエリを実行して、ページを更新せずに郵便番号を返す必要がある状況があります。どんな助けでもいただければ幸いです。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;
}