我在 Bootstrap 模態視窗中有以下表格
<form id="formCsv" class="row gy-2" enctype="multipart/form-data">
<div class="col-md-5 ">
<input class="form-control" type="file" id="file" name="file">
</div>
<div class="col-md-3">
<button type="submit" id="csvBtn"class="btn btn-primary" name="something"> Upload </button>
</div>
<div id="loading" class="clearfix col-md-2">
<div class="spinner-border text-primary float-right" role="status"></div>
</div>
<div class="col-md-2">
<button type="button" id="export-btn" class="btn btn-primary" disabled>Export CSV</button>
</div>
</form>
查詢檔案
console.log("Works");
$(document).ready( function() {
// Submit form data via Ajax
$("#formCsv").on('submit', function(e)
{
alert("test");
e.preventDefault();
var form_data = new FormData($(this)[0]);
$.ajax({
type: 'POST',
url: 'src/positionen/getCsvData.php',
data: form_data,
contentType: false,
cache: false,
processData:false,
success: function(response)
{
console.log(response);
var json = JSON.parse(response);
addToTable(json);
},
});
});
});
console.log() 有效。里面的 alert() 沒有被觸發，也沒有拋出任何錯誤。
任何想法為什么會這樣？
如果沒有模態中的表單，它就可以正常作業。
uj5u.com熱心網友回復：
我看到了問題。
表單稍后加載到 DOM 中，您需要將偵聽器更改為$(document).on('submit', '#formCsv', function() {//your code})
這樣，Jquery 還將偵聽稍后通過 ajax 呼叫添加的內容。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/485130.html
標籤：javascript php html jQuery 阿贾克斯