php-「oninput」イベントに関するAjaxの問題

 <label> Amount to Pay </label>
<div id="toBePaid" class="form-input-wide">
          <input type="number" id="amountToBePaid" name="amountToBePaid" oninput="getRemainingAmount()" data-type="input-number" min="0" required style="width:100px;" size="5" value="<?php  ?>"  data-component="number" /> 
 </div>
 Copy code

この前のajax経由で送信される番号、関数は次のとおりです： getRemainingAmount()

 <label> Remaining Amount </label>
<div id="remaining" >
 </div>
 Copy code

このdivには応答が含まれ、スクリプトで参照されます

 function getRemainingAmount() {
var amountToPay = $（'＃amountToBePaid'）。val（）;
var dataString = "amountToPay =" + amountToPay;
    $ .ajax（{
        タイプ：「POST」、
         url：'http://192.168.0.10/skylite/test'、
        データ：dataString、
        成功：function（response）{
          $（ "＃remaining"）.empty();
                    $（response）.find（'。resultRemaining'）。each（function（）{
                $（'＃remaining'）。append（$（this）.html（））; }）;
        }、
    }）;
}
 Copy code

ここで「テスト」ページを投稿します。.empty()は問題ではなく、テストページのコードには次のものが含まれていることに注意してください：

 if(isset($_POST['amountToPay'])) {

 var $AmountToPay=$_POST['amountToPay'];

  echo "<div class='resultRemaining'>";
 echo "<input type='number' id='remainingAmount' name='remainingAmount' data-type='input-number' disabled style='width:100px;'   size='5' value=".$AmountToPay."  data-component='number' />"; 

       echo "</div>";
    } else {
      // redirecting to my main page here
    }
 Copy code

関数にresultRemainingクラスを追加していますが、 if(isset($_POST['amountToPay'])) { を削除すると、ダミーを入力すると応答が機能します値。

これが「ネットワーク」でのajax呼び出しの小さなスナップショットです：