如何使用带有codeigniter的jquery ajax方法(post)正确提交表单


How to properly submit a form with jquery ajax method (post) with codeigniter

我在Codeigniter中为一个网站构建了一个小型CMS,它有几个表单。所有表单都是用jQuery中的ajax方法提交的,并传递给控制器。一切都很好,但我发现,无论数据是否保存在数据库中,我都会取得成功。我想,该方法只检查数据是否正确地传递到控制器。一旦成功,就会向用户发送一条消息(Saved),无论幕后发生什么,它都会在每次触发。只有在保存了数据的情况下,我才能强制成功(或完成,或其他回调)获得"已保存"消息?

这是代码:

//javascript
$("#save_club").click(function(){
    var club_name = $('input[name="club_name"]').val();
    var location = $('input[name="location"]').val();
    var phone = $('input[name="phone"]').val();
    $.ajax({
        type: "post",
        url: base_url + "/clubs/save_club/",
        data: {club_name:club_name,location:location,phone1:phone1},
        success:function(data)
        {
            $('input[type="submit"]').attr("value", "Saved!");
            $('input[type="submit"]').css("background-color", "#32c310");
            $('input[type="submit"]').css("cursor", "default");
            $(".dynamic_content").load(base_url + "/clubs/clubs_list");
        }
    });     
});
//controller
public function save_club(){
    $newdata = array();
    $newdata['club_name'] = $this->input->post("club_name");
    $newdata['location'] = $this->input->post("location");
    $newdata['phone'] = $this->input->post("phone");
    $this->load->model("model_save");
    $this->model_save->save_club_to_db($newdata);
}

您首先需要使用PHP验证输入。例如:

<?php
$success = 'true';
foreach($_POST as $input) {
  if ($input == '') {
    $success = 'false';
    break;
  }
}
echo $success;
?>

接下来,使用您在success函数中传递的data var检查返回:

$.ajax({
    type: "post",
    url: base_url + "/clubs/save_club/",
    data: {club_name:club_name,location:location,phone1:phone1},
    success:function(data)
    //Whatever PHP echoes in the script gets put into the variable data
    {
        var result = (data ? 'saved!' : 'error!'); //data should either be true or false
        $('input[type="submit"]').attr("value", result);
        $('input[type="submit"]').css("background-color", "#32c310");
        $('input[type="submit"]').css("cursor", "default");
        $(".dynamic_content").load(base_url + "/clubs/clubs_list");
    }
});