我正在使用ajax拨打电话,但是它不起作用。
我的情况如下:
user.php->与数据库进行交互 ajax.js->提交表单
我正在使用动态模式来显示带有表单的信息,但是在表单提交ajax中并未触发。
user.php->显示模式
echo "<form method='post' action='".base_url."/ajax/user.php' class='frm_fix' id='ajax_form'>";
echo "<input type='submit' class='btn btn-primary' value='Update' name='update'>";
echo "</form>";
$('.user_edit').click(function(){
var id = this.id;
var splitid = id.split('_');
var userid = splitid[1];
// AJAX request
$.ajax({
url: './ajax/user.php',
type: 'get',
data: {
uid: userid,
action: "edit"
},
success: function(response){
// Add response in Modal body
$('.modal-content').html(response);
// Display Modal
$('#empModal').modal('show');
}
});
});
ajax.js
$("#ajax_form").submit(function (event) {
event.preventDefault();
let url = $(this).attr("action");
let data = $(this).serialize();
console.log(data);
$.post(url, data, function( response ) {
try {
let result = jQuery.parseJSON(response);
console.log(result);
if (result.status === false) {
$("#result").html("<div class='alert alert-danger'>" + result.message + "</div>");
} else {
let div_result = $("#result");
div_result.html(
"<div class='alert alert-success'>" + result.message + "</div>");
let redir = $("input[name=redirect]");
if (redir.length) {
$("#result div").append(" Do not redirect? <a href='"+ redir.val() +"'>Click Here!</a>");
window.setTimeout(function () {
window.location.href = redir.val();
}, 100000);
}
}
}
catch(e)
{
$("#result").html("<div class='alert alert-danger'> Error: " + e + "</div>");
}
});
});
控制台什么也不显示。
请记住,我正在使用动态模态,即:
用户单击一个按钮->在单击输入提交时显示形式为-> user的模式,必须进行调用ajax