jqueryを使用して入力フィールドのデータベースからデータを取得します

Question

"reg"という名前のデータベーステーブルがあります。多くのフィールドがあります。そのうち2つのフィールドは、名前& IDです。私は選択ボックスから名前を選択して特定のIDを取得したい。私はちょうどajaxがそれにふさわしいと知っていますが、私はajaxで動作しませんでした。親切にこれを助けてくれれば、それは私のためには良いだろう。

<label for="id">Instructor Name:</label><br> 
    <select class="form-control input-sm" name="categories" id="sel3"> 
       <?php 
     $sql_sel = "SELECT * FROM reg WHERE Dept = '$Department' and Type !='Student' and Activity= 'Y' "; 
     $result_sel = mysqli_query($con,$sql_sel); 
     while ($row_sel = mysqli_fetch_array($result_sel)){ 
       ?> 
     <option value='<?php echo $row_sel["Name"]; ?>'> 
     <?php echo $row_sel['Name']; ?> 
     </option> 
       <?php 
       } 
       ?>      
    </select> 

    <label for="id">Instructor ID:</label><br> 
    <input class="form-control input-sm" name="Instructor_id" id="inputsm" type="text" required> 

Answer 1

選択コールAjaxのつまりの変化に、ボックスの値 を選択するためにフェッチされた名前IDを割り当てます。取得 - > fetchdata.php

はその後、アヤックス成功（データ）にあなたがフェッチされた値などのデータを持つことになります（それがユーザーのデータを返します）

Answer 2

あなたは残り-APIタイプエンティティにURのPHPコードをモジュール化する必要があります。これは懸念の分離と呼ばれ、サーバーサイドコードとUIコードを分離して保持します。また、テスト駆動開発でも役立ちます。

Jquery objには、ここで使用できる.ajax（）メソッドが用意されています。 Jquery.ajax（） - または - $ .ajax（）を使用できます。

だから、あなたはこのような何か行うことができます： -

$("button").click(function(){ 
    $.ajax({url: "/path/to/rest/api", success: function(result){ 
     $("#div1").html(result); 
    }}); 
}); 

Answer 3

をあなたのコードにAJAXを使用したくない場合は、私は通常Ajax.Butを示唆し、これはあなた

のための答えでありますあなたのコードは、この線に沿って何かをする必要があります

：

function foo() { 
    var httpRequest = new XMLHttpRequest(); 
    httpRequest.open('GET', "/custom/custom_url"); 
    httpRequest.send(); 
    return httpRequest.responseText; 
} 

var result = foo(); // always ends up being 'undefined' 

のXMLHttpRequest（XHR）はJavaScriptの、で使用できるAPIですJScript、VBScript、その他のWebブラウザスクリプト言語 HTTPを使用してWebサーバーとの間でXMLデータを送受信します。 Webページの クライアント側とサーバー側の間に独立した接続チャネルを確立します。

OR

あなたはこの

$ .getJSON

$.getJSON('/custom/custom_url', { data1:"123", data2:"234"}) 
    .done(function(resp){ 
    // handle response here 
}).fail(function(){ 
    alert('Oooops'); 
}); 

Answer 4

<select class="form-control input-sm" name="categories" id="sel3"> 
<?php 
    $select = $con->query("SELECT * FROM reg WHERE Dept='$Department'AND Type!='Student' AND Activity='Y'"); 
    while($row = $select->fetch_assoc()){ 
?> 
    <option value='<?php echo $row["ID"]; ?>'><?php echo $row["Name"];?></option> 
<?php } ?>     
</select> 

のようなものを使用することができますが、フィールド名についてよろしいですか？私の意見は、フィールド名に単純な文字を使用することです。