別のファイルから別のファイルのPHP変数をajaxでフォームに挿入する方法

Question

pls ajaxを使用してPHPファイルの変数値をこのhtmlファイルに挿入しようとしていますが、ここから開始する方法はわかりません

編集ボタンをクリックしたときに

<form> 
     <table> 
      <tr> 
       <td>FULL NAME</td> 
       <td><input type = 'text' name = 'fullname' id = 'fullname'></td> 
       <td>CUID</td> 
       <td><input type = 'text' name = 'idno' ></td> 
      </tr> 
      <tr> 
       <td>SURNAME</td> 
       <td><input type = 'text' name = 'sname' id = 'sname'></td> 
       <td>TITLE</td> 
       <td> 
        <select name='title'> 
          <option>Select Title</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select TITLE from titles order by TITLE'); 
           $stmt->execute(); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['TITLE']."</option>"; 
           } 

          ?> 
         </select> 
       </td> 
      </tr> 
      <tr> 
       <td>FIRST NAME</td> 
       <td><input type = 'text' name = 'fname' id = 'fname'></td> 
      </tr> 
      <tr> 
       <td>MIDDLE NAME</td> 
       <td><input type = 'text' name = 'mname' id = 'mname'></td> 
      </tr> 
      <tr> 
       <td>DESIGNATION</td> 
       <td> 
        <select name='post' id ='post'> 
          <option>Select Post</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select post from posts order by post'); 
           $stmt->execute(); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['post']."</option>"; 
           } 

          ?> 
        </select> 
       </td> 
      </tr> 
      <tr> 
       <td>GENDER</td> 
       <td> 
        <select name='gender'> 
          <option>Select Gender</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select SEX from sx order by SEX'); 
           $stmt->execute(); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['SEX']."</option>"; 
           } 

          ?> 
        </select> 
       </td> 
       <td>DATE OF RESUMPTION</td> 
       <td><input type = 'date' name = 'dresume' id = 'dresume'></td> 
       <td>CATEGORY</td> 
       <td> 
        <select onchange='bn(this.value);' name='category'> 
          <option>Select Category</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select CATEGORY from categories order by CATEGORY'); 
           $stmt->execute(); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['CATEGORY']."</option>"; 
           }        
          ?> 
        </select> 
       </td> 
      </tr> 
      <tr> 
       <td>DEPARTMENT</td> 
       <td> 
        <select name='unit'> 
          <option>Select Department</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select DEPARTMENT from units order by DEPARTMENT'); 
           $stmt->execute(); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['DEPARTMENT']."</option>"; 
           }        
          ?> 
        </select> 
       </td> 
       <td>UNIT</td> 
       <td><input type = 'text' name = 'unit' id = 'unit'></td> 
       <td>KOL</td> 
       <td><input type = 'text' name = 'kol' id = 'kol'></td> 
      </tr> 
      <tr> 
       <td>LEVEL</td> 
       <td> 
        <select name='level' > 
         <option>Select Level</option> 
         <?php 
          $conn = db(); 
          $stmt=$conn->prepare('select level from levels'); 
          $stmt->execute(); 
          print_r ($stmt); 
          while($data = $stmt->fetch()){ 
           echo "<option>".$data['level']."</option>"; 
          } 

         ?> 
        </select> 
       </td> 
       <td>STEP</td> 
       <td> 
        <select name='step'> 
          <option>Select Step</option> 
          <?php 
           $conn = db(); 
           $stmt=$conn->prepare('select step from steps'); 
           $stmt->execute(); 
           print_r ($stmt); 
           while($data = $stmt->fetch()){ 
            echo "<option>".$data['step']."</option>"; 
           } 
          ?> 
        </select> 
       </td> 
       <td>SALARY SCALE</td> 
       <td><input type = 'text' name = 'sscale' id = 'sscale'></td> 
      </tr> 
      <tr> 
       <td>RESPONSIBLITY/DUTY POSY</td> 
       <td><input type = 'text' id = 'dutypost' name = 'dutypost'></td> 
       <td>RESPONSIBLITY ALOWANCE</td> 
       <td><input type = 'text' id = 'rallowance' name = 'rallowance'></td> 
      </tr> 
      <tr> 
       <td>SPECIAL PAYMENT</td> 
       <td><input type = 'text' id = 'spayment' name = 'spayment'></td> 
       <td>PAY PERCENTAGE</td> 
       <td><input type = 'text' id = 'ppercent' name = 'ppercent'></td> 
      </tr> 
      <tr> 
       <td>HOUSE DEDUCTION</td> 
       <td><input type = 'text' id = 'hded' name = 'hded'></td> 
       <td>RENT DEDUCTION</td> 
       <td><input type = 'text' id = 'rded' name = 'rded'></td> 
       <td>FURNITURE DEDUCTION</td> 
       <td><input type = 'text' id = 'fded' name = 'fded'></td> 
      </tr> 
      <tr> 
       <td>NHF</td> 
       <td><input type = 'text' id = 'nhf' name = 'nhf'></td> 
       <td>NHF_NO</td> 
       <td><input type = 'text' id = 'nhfno' name = 'nhfno'></td> 
      </tr> 
      <tr> 
       <td>PFA</td> 
       <td><input type = 'text' id = 'pfa' name = 'pfa'></td> 
       <td>PFA_NO</td> 
       <td><input type = 'text' id = 'pfano' name = 'pfano'></td> 
      </tr> 
     </table> 
    </form> 

これらvaribaleは自動的に感謝ここ は、PHPファイル

if(isset($_POST['edit'])) { 
      $dresume = $data['DRESUME']; 
      $kol  = $data['KOL']; 
      $level = $data['LEVEL']; 
      $step  = $data['STEP']; 
      $dpost = $data['DutyPost']; 
      $dpay  = $data['DutyPay']; 
      $spay  = $data['Special']; 
      $ppercent = $data['Paypercent']; 
      $rentd = $data['HDEDP']; 
      $house = $data['HOUSE']; 
      $furnided = $data['FURNIDED']; 
      $nhf  = $data['NHF']; 
      $nhfno = $data['NHF_NO']; 
      $pfa  = $data['PFA']; 
      $pfano = $data['PFA_NO']; 
     } 

Answer 1

基本的なことですが、私は頭がそれで、このまだ新しいから始まり必要がありますフォームのplsに表示されますあなたは理解する必要がありますPHPはサーバーでのみ実行され、あなたはできませんページがロードされたら、htmlでPHPスクリプトを実行します。

今、あなたはhtmlの中で書かれたPHPをどうやって手に入れたのか疑いがありますか？ あなたのファイルがサーバ上で解析され、実行されたhtmlの間に書かれたすべてのPHPスクリプトが生成されました。ブラウザのhtmlのソースを見てください。 "

ページがブラウザに提供されると、PHPコードは実行されません。ブラウザに読み込まれたhtmlファイルを変更するには、ページをリロードするか、ブラウザで実行するクライアントスクリプトが必要です。 Javascriptはクライアントスクリプトとして使用できます。

Ajaxは、ブラウザにロードされたhtmlとサーバー間の通信方法です。つまり、ブラウザに読み込まれたhtmlとの間でデータをやり取りする場合は、ajaxを使用することができます。 https://webdesignerhut.com/pass-data-with-ajax-to-a-php-file/あなたは基本的に

Answer 2

を開始する前に、あなたは良いとより良いドキュメンテーションを見つけることができる良い例

で、フォームのHTMLは、他のPHPページにパラメータを送ります。

<form method="post" action="success.php"> 
    <input type="text" name="id" /> 
</form> 

form.html あなたはAJAXでそれを行う場合、あなたはとにかく のフォームを送信したり、フォームページ

にAJAXを配置する必要があり

だはSuccess.php

<?php echo $_POST['id']; ?> 

アヤックスの方法（同じページで）

form.html

<form method="post" id="formAjax" action="success.php"> 
    <input type="text" id="inputId" name="id" /> 
</form> 

<script> 
    $('#formAjax')on('submit', function() { 
     var id = $('#inputId').val() 
     alert('input id:'+id); 
    } 
</script