AJAX 与 Codeigniter 控制器不匹配

Question

我正在学习 AJAX，并从 Scratch 借用了 NETTUTS Codeigniter 的脚本：AJAX 该脚本本身可以完美地适应我的表单，但是它不会根据控制器更新数据库。 Firebug 说这篇文章在 AJAX 脚本中运行良好。我想我的问题是，我如何以及在哪里无法启动控制器？

form_open 脚本

echo form_open('contacts/entry', $form);

Ajax 脚本（在我展示的上面有一个验证脚本可以正常工作）

 var form_data = {
    fname: $('#fname').val(),
    lname: $('#lname').val(),
    email: $('#email').val(),
    phone: $('#phone').val(),
    relate: $('#relate').val(),
    ajax: '1'
};

$.ajax({
    url: "<?php echo site_url('contacts/entry'); ?>",
    type: 'POST',
    data: 'form_data',
    success: function() {
        $('#status').text('Update successful!'); 
    }
});

return false;   

});

请注意，我在 form_data 中包含了“AJAX：1”
控制器

function entry()
{
   if ($this->input->post('ajax')) {  
   $data = array
           (
           'fname' => $this->input->post('fname'),
           'lname' => $this->input->post('lname'),
           'email' => $this->input->post('email'),
           'phone' => $this->input->post('phone'),
           'relate' => $this->input->post('relate'),
           );

   //removed validation set rules to shorten the question

   if ($this->form_validation->run() == TRUE)
   {
    $this->db->insert('contacts', $data);   
    $this->index();    
   } else
   {
    $this->index();
   }       
} 
}

使用“if ($this->input->post('ajax'))”是启动控制器的正确方法吗？如果没有 jquery，表单本身可以正常工作并运行控制器。所以我知道这两个单独的部分是有效的，它们只是没有啮合。谢谢

Answer 1

首先，我将删除 var form_data { ajax: '1' } 并使用如下内容：

if($this->input->server('HTTP_X_REQUESTED_WITH') == 'XMLHttpRequest')
{
    // This is AJAX
}
else {
    // This is standard HTTP
}

如果使用 MY_Controller 来处理这个问题，一个很好的方法。如果你使用它，添加一个这样的函数：

protected function is_ajax() {
    return ($this->input->server('HTTP_X_REQUESTED_WITH') == 'XMLHttpRequest') ? TRUE : FALSE;
}

你可以使用：

if($this->is_ajax())
{
    // This is AJAX
}
else {
    // This is HTTP
}

然后您必须回显结果以将其传递给实际视图并处理操作。像这样：

if ($this->form_validation->run() == TRUE)
{
    // Tip: you've to do the data management on MODELS
    $action = $this->db->insert('contacts', $data);

    // With this method you can handle AJAX and HTTP on the same
    // validation. If is AJAX you print, if not you redirect.
    if($this->is_ajax())
        echo $action;
    else {
        // if worked, redirect the user to the success 
        // else send it to the form error
        if($action)
            redirect("form_success");
        else
            redirect("form_error");
    }
else {
    if($this->is_ajax())
        echo false;
    else {
        $this->load->view("error_form");
    }
}

你必须更正你的 jQuery 代码来处理这个操作：

$.ajax({
    url: "<?php echo site_url('contacts/entry'); ?>",
    type: 'POST',
    data: form_data, // Like said jondavidjohn
    success: function(data) {
        if(data)
        {
            $('#status').text('Update successful!');
        } else {
            $('#status').text('Operation failed!');
        } 
    }
});

Answer 2

您发布的是字符串 'form_data' 而不是变量 form_data ，请删除 form_data 周围的引号并重试。

$.ajax({
    url: "<?php echo site_url('contacts/entry'); ?>",
    type: 'POST',
    data: form_data,    // <-- previously you had data: 'form_data', which would pass the string 'form_data', not the variable.
    success: function() {
        $('#status').text('Update successful!'); 
    }
});

我还会回显您的数据库操作的结果，然后使用返回的数据来测试数据库操作是否成功完成。

php/CI

...
echo $this->db->insert('contacts',$data);
...

jQuery/AJAX

...
success: function(data) {
    if(data) {
        //alert success
    }
    else {
        //alert failure
    }
}