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

回答

相关问题