Modal引導程序幫助不適用於ajax

-4

我有一個類的小項目，它不會插入數據到數據庫的問題，我用自舉模式收集的數據，並使用ajax將它們傳遞給php文件。錯誤出現在使用腳本時，我認爲這是正確的，但我不執行這些操作。Modal引導程序幫助不適用於ajax

這是我使用的腳本：

<script type="text/javascript"> 
    $(document).ready(function(){  
     $('#confirm').click(function() { 
      var tk = $("#task").val(); 
      var dt = $("#date").val(); 
      var at = $("#amount").val(); 
      var st = $("#status").val(); 

      $.ajax({ 
      type: "POST", 
      url: "insert.php", 
      data: {"task": tk, "date": dt, "amount": at, "status": st}, 
      success: function (msg) { 
       $("#task").val(""); 
       $("#date").val(""); 
       $("#amount").val(""); 
       $("#status").val(""); 
      } 
      }); 
     }); 
    }); 
</script>

這是模態：

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h5 class="modal-title" id="exampleModalLabel">New task</h5> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      </div> 
      <div class="modal-body" id="task_insert"> 
       <div class="form-group"> 
        <label for="recipient-name" class="form-control-label">Task:</label> 
        <input type="text" required class="form-control" id="task"> 
       </div> 
       <div class="form-group"> 
        <label for="recipient-name" class="form-control-label">Date:</label> 
        <input class="form-control" required type="text" id="date"> 
       </div> 
       <div class="form-group"> 
        <label for="recipient-name" class="form-control-label">Amount:</label> 
        <div class="input-group mb-2 mr-sm-2 mb-sm-0"> 
         <input type="number" class="form-control" required id="amount"> 
         <div class="input-group-addon">€</div> 
        </div> 
       </div> 
       <div class="form-group"> 
        <label for="recipient-name" class="form-control-label">Status:</label> 
        <input type="text" class="form-control" id="status" > 
       </div> 
      </div> 
      <div class="modal-footer"> 
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
        <button type="button" id="confirm" class="btn btn-success" data-dismiss="modal">Confirm</button> 
      </div> 
     </div> 
    </div> 
</div>

感謝大家對我們的支持

來源

2017-04-25 Alex Toledo

如果有任何錯誤，你檢查了你的控制檯嗎？並在$（'＃confirm'）中進行調試。click（function（）{'以查看它是否正常工作，您是否在該頁面中添加了jquery，並在其中編寫腳本？ – Curiousdev

以及您的服務器腳本在哪裏？ – Akintunde007

我已經添加jquery使用 –

希望這將有助於您

在頁面頂部添加jquery：

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

然後再編寫AJAX腳本，並在insert.php頁面獲得你的價值，如：

$任務= $ _ POST [ '任務'];

echo $ task;

如果仍然不能工作，然後採取形式內部模式和提交使用jQuery的形式。

來源

2017-04-25 12:19:19 Nidhi

Modal引導程序幫助不適用於ajax

回答

相關問題