Question

我在Codeigniter中为一个有几种形式的网站建立了一个小型CMS。表单都是使用jQuery中的ajax方法提交的，并传递给控制器。一切正常，但我发现无论数据是否保存在数据库中，我总能获得成功。我想这个方法只检查数据是否正确传递给控制器。成功后会有一条消息给用户（已保存），无论幕后发生什么，都会每次都触发。我如何能够成功（或完成，或其他一些回调）来获得＆＃34; Saved＆＃34;仅在保存数据时才会显示消息？

以下是代码：

//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);
}

Answer 1

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

<?php
$success = 'true';
foreach($_POST as $input) {
  if ($input == '') {
    $success = 'false';
    break;
  }
}
echo $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");
    }
});

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

1 个答案: