我有以下Ajax調用，它試圖在一定的時間間隔內獲取一些數據$(document).ready(function() { x(); function x() { var FD = new FormData($('form')[0]); $.ajax({ type: "POST", url: "qaVtagAjax.php", processData: false, contentType: false, data: FD, success: function(result) { $("#inputFieldDisplay").html(result); } }); return false; } setInterval(x, 5000);});$("#assignQaOa").click(function() { // trigger modal});Ajax調用頁面內容qaVtagAjax.php如下echo '<form method="post"> <div class="card" style="position: relative; border-color: black; !important "><div class="card-body"> <div class="row"> <input type="text" name= "srNum" id="srNum" value = "someValue" hidden> <div class="col-sm"><button class="btn-primary modalButton" type="submit" name = "assignQaOa" id = "assignQaOa" title="Click to assign to some operator">Assign</button></div> </div> </div></div></form><br>';正如你所看到的，有一個button名為. 我想通過單擊此按鈕來觸發模式窗口，如前所示formassignQaOa$("#assignQaOa").click(function() { //trigger modal by doing Eg: $('#myModal').modal('show'); alert("Modal window showing");});第一步，我嘗試提醒一些消息。但當我點擊按鈕時什么也沒有發生。有誰知道為什么會這樣？注意：實際qaVtagAjax.php文件有更多html和 php 內容。這些工作正常。所以我簡化了代碼以理解問題。
1 回答
長風秋雁
TA貢獻1757條經驗 獲得超7個贊
經過多次試驗和錯誤，我發現問題是由于我使用的type = submit是button. 當我改變時type = button，模態觸發并正確顯示。但我仍然很困惑為什么當我使用type = submit和刪除類時fade，模態顯示會瞬間出現。可能也有一種解決方法可以正確顯示它。我希望堆棧溢出的專家能夠找出并告訴我問題所在。
無論如何，我仍然無法type = button在我的場景中使用它，因為我需要在單擊此按鈕時從表單提交中獲取值。如果使用type = button，我無法通過方法提交并獲取表單的值$_POST。
編輯1
在得到堆棧溢出成員@Swati的幫助后，意識到提交會刷新頁面，這就是為什么當使用提交時，模式只顯示一瞬間。在她的幫助下我修改了代碼如下并能夠解決我的問題
$(document).on("click", "#assignQaOa", function(e) {
$('#exampleModalCenter').modal('show');
var sr = $(this).closest(".card-body").find("input[name='srNum']").val();
$('#tagSerial').val(sr);
e.preventDefault();
});
上面的代碼將停止表單提交。即使不提交表單，它也會抓取輸入字段srNum值并將其顯示在模式中。
- 1 回答
- 0 關注
- 134 瀏覽
添加回答
舉報
0/150
提交
取消