Php 为什么ajax在成功或出错后一直重定向到其他页面
我是ajax新手,现在我想使用ajax,这样在添加数据时我的页面不会重新加载,并显示错误或成功消息。但在实现中,当我提交表单时,它会将我重定向到另一个带有表单验证错误/成功消息的页面。我试图修复此问题,但找不到错误。我正在使用jQuery1.8.3和codeigniter。这是我的密码 Custom.jsPhp 为什么ajax在成功或出错后一直重定向到其他页面,php,jquery,ajax,codeigniter,Php,Jquery,Ajax,Codeigniter,我是ajax新手,现在我想使用ajax,这样在添加数据时我的页面不会重新加载,并显示错误或成功消息。但在实现中,当我提交表单时,它会将我重定向到另一个带有表单验证错误/成功消息的页面。我试图修复此问题,但找不到错误。我正在使用jQuery1.8.3和codeigniter。这是我的密码 Custom.js function tambahBuku() { $('#form_tambah')[0].reset(); $('#form_tambah').unbind('submit').bind('s
function tambahBuku() {
$('#form_tambah')[0].reset();
$('#form_tambah').unbind('submit').bind('submit',function() {
var form = $(this);
$.ajax({
url: "http://localhost:8000/prjperpus-ci/Table/tambah",
type: "POST",
data : form.serialize(), //converting the form data into array and sending it to server
dataType : "json",
success:function(response, xhr, ajaxOptions, thrownError){
alert("OKAY"); alert(xhr.status);
if(response.success == true){
alert("OK");
$(".messages").html('<div class="alert alert-success alert-dismissible" role="alert">' +
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
'<strong><span class="glyphicon glyphicon-ok-sign"> </span></strong>' + response.messages + '</div>')
} else{
if(response.messages instanceof Array){
$.each(response.messages, function(index,value) {
alert(index);
});
} else {
alert("OK else");
$(".messages").html('<div class="alert alert-warning alert-dismissible" role="alert">' +
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
'<strong><span class="glyphicon glyphicon-exclamination-sign"> </span></strong>' + response.messages + '</div>')
}
}
}, error: function(xhr, ajaxOptions, thrownError){
alert("ERROR");
alert(xhr.readyState);
}
})
});
模型(action.php)
如果使用ajax提交数据,则必须停止HTML提交(这就是导致重定向的原因)。
您可以使用submit处理程序中事件对象的preventDefault方法来完成此操作
$('#form_tambah').unbind('submit').bind('submit',function(event) {
event.preventDefault();
为什么它一直显示表单验证错误,为什么在成功条件下xhr.status未定义。{“success”:false,“messages”:{“isbn”:“isbn字段是必需的”,“judul”:“judul buku字段是必需的”。它返回echo json_encode($validator);在controllerxhr.status中,在标头中返回200,但在我尝试发出警报时返回未定义的(xhr.status)在成功条件下,这可能是一个愚蠢的问题,但提交时是否填写了字段?另外,我不确定您是否注意到,但您在提交前正在对表单进行重新排序…因此,如果我不在表单中填写任何字段,如果我填写添加的数据,但它重定向到另一个页面并回显json_encode($validator),则没有任何价值。有时返回judul buku必须包含唯一的值,但数据会添加到数据库中。对于像Meth这样的初学者来说,这是一个非常复杂的问题。成功的正确语法是
success:function(数据、状态、xhr){
…xhr是第三个参数,但它仍然相同请具体说明,它未定义?您尝试过控制台登录xhr参数吗?
public function tambah()
{
$data = array(
'ISBN' => $this->input->post('isbn'),
'Judul_Buku' => $this->input->post('judul'),
);
$config = array(
array(
'field' => 'isbn',
'label' => 'ISBN',
'rules' => 'trim|required'
),
array(
'field' => 'judul',
'label' => 'Judul buku',
'rules' => 'trim|required|is_unique[buku.Judul_Buku]'
)
};
$this->form_validation->set_rules($config);
$validator = array('success' => false , 'messages' => array());
if($this->form_validation->run() === TRUE){
$insert_Book = $this->action->insert_record("buku",$data);
if($insert_Book == true){
$validator['success'] = true;
$validator['messages'] = "Data sukses ditambahkan";
var_dump($validator);
} else{
$validator['success'] = false;
$validator['messages'] = "Data gagal ditambahkan";
}
}else{
$validator['success'] = false;
foreach ($_POST as $key => $value) {
$validator['messages'][$key] = form_error($key);
}
}
echo json_encode($validator);
}
public function get_data($table){
return $this->db->get($table);
}
public function insert_record($table,$data){
$sql = $this->db->insert($table, $data);
if($sql === true){
return true;
} else{
return false;
}
}
$('#form_tambah').unbind('submit').bind('submit',function(event) {
event.preventDefault();