我是 javascript 新手，想根據按鈕標簽或名稱打開多個不同的模式。
我正在做一個 ajax 呼叫，然后將根據按鈕標簽/名稱打開一個模式。
如果有人能指出我正確的方向，那就太好了。以下是我目前正在使用的內容，它適用于一個模態，但不適合不同的模態 ID。任何幫助將不勝感激。
//form button script
<form action="https://test.com/testme.html" method="post" class="ajax">
<button class="item" id="test1" name="testing" value="1" data-toggle="tooltip" data-placement="top" type="submit" title="" data-original-title="test1">
</button>
</form>
//javascript
<script>
$(document).ready(function() {
$('form.ajax').on('submit', function(event) {
event.preventDefault();
var that = $(this),
url = that.attr('action'),
type = that.attr('method'),
data = {};
that.find('[name]').each(function(index, value) {
var that = $(this),
name = that.attr('name'),
value = that.val();
data[name] = value;
});
// AJAX request
$.ajax({
url: url,
type: type,
data: data,
success: function(response){
// Add response in Modal body
$('.modal-body').html(response);
// Display Modal
$('#MyModal').modal('show');//want #MyModal to be var button id test1 so $('#test1').modal('show')
}
});
});
});
</script>
uj5u.com熱心網友回復：
您可以執行以下操作：
<form action="https://test.com/testme.html" method="post" class="ajax">
<button class="item" id="test1" data-model-name="modal1" value="1" data-toggle="tooltip" data-placement="top" type="submit" title="" data-original-title="test1">
</button>
<button class="item" id="test2" data-model-name="modal2" value="2" data-toggle="tooltip" data-placement="top" type="submit" title="" data-original-title="test2">
</button>
</form>
在 jquery 中：
$('form.ajax').on('submit', function(event) {
event.preventDefault();
let activeButton = $(document.activeElement).data('model-name');
$(`#${activeButton}`).modal('show');
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/344685.html
標籤：javascript html 查询 阿贾克斯
上一篇：ApacheHttpComponents5：使用HttpAsyncClientPOST表單資料
下一篇：將資訊從AJAX傳遞到控制器類