下面是一个解决“AJAX提交后外部JS插件无法工作”的示例代码:
HTML代码:
AJAX提交后外部JS插件无法工作
external-plugin.js代码:
$(document).ready(function() {
// 在这里放置外部JS插件的初始化代码
// 例如: $('.my-element').externalPlugin();
});
submit.php代码:
解决方法:
$.ajax({
url: 'submit.php',
type: 'POST',
data: formData,
success: function(response) {
$('#result').html(response);
// 初始化外部JS插件
$('.my-element').externalPlugin();
}
});
$(document).ready(function() {
// 外部JS插件的初始化代码
$('.my-element').externalPlugin();
// 使用AJAX提交表单数据
$('#myForm').submit(function(event) {
event.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: 'submit.php',
type: 'POST',
data: formData,
success: function(response) {
$('#result').html(response);
}
});
});
});
通过以上解决方法,可以确保在AJAX提交后外部JS插件能够正常工作。
上一篇:Ajax提交后的重定向无效