Question

我刚开始使用codeigniter我想通过ajax将一些数据插入数据库但是我的ajax调用有问题; 我一直在寻找两个小时，但我无法解决问题。我的问题是，当我点击提交按钮时，它说是禁止的我的csrf保护也设置为TRUE！请帮助，谢谢

JS

$(document).ready(function() {

$(".addbtn").click(function (e) {
        e.preventDefault();
        if($("#mname").val()==='' || 
           $('#sname').val() === '' || 
           $('#genre').val()==='' || 
           $('#album').val()==='' ||
           $('#publishyear').val() ==='' ||
           $('#artist').val()==='')
        {
            alert("Please fill all the fields!");
            return false;
        }

        $("#FormSubmit").hide(); 
        $("#LoadingImage").show(); 

        var baseurl = "<?php echo base_url(); ?>";
        var data = {
                'mname': $("#mname").val(),
                'sname': $('#sname').val(),
                'genre': $('#genre').val(),
                'album': $('#album').val(),
                'publishyear': $('#publishyear').val(),
                'artist': $('#artist').val(),
                '<?php echo $this->security->get_csrf_token_name(); ?>':
                '<?php echo $this->security->get_csrf_hash(); ?>'
                };

        $.ajax({
        type: "POST", 
        url:  baseurl+"index.php/admin_page/send_ajax", 
        data: data, 
        success:function(){
            alert("success");

        },
        error:function (xhr, ajaxOptions, thrownError){
            $("#FormSubmit").show(); 
            $("#LoadingImage").hide(); 
            alert(thrownError);
        }
        });
  });});

配置文件

$config['csrf_protection'] = TRUE;
$config['csrf_token_name'] = 'csrf_test_name';
$config['csrf_cookie_name'] = 'csrf_cookie_name';
$config['csrf_expire'] = 7200;
$config['csrf_regenerate'] = TRUE;
$config['csrf_exclude_uris'] = array();

控制器

public function send_ajax(){


    $data = array(
                'name_of_music'=>$this->input->post("mname", TRUE),
                'artist'=>$this->input->post("artist", TRUE),
                'name_of_singer'=>$this->input->post("sname", TRUE),
                'genre'=>$this->input->post("genre", TRUE),
                'album'=>$this->input->post("album", TRUE),
                'publishyear'=>$this->input->post("publishyear", TRUE)
            );
    $json_data['lyrics_info_data'] = json_decode($data);
    $this->user_model->insert_json_in_db($json_data);
  }

模型

public function insert_json_in_db($json_data){
    $this->db->insert('lyrics', $json_data);
  }

Answer 1

您能否确认此行$json_data['lyrics_info_data'] = json_decode($data);的用途？我认为错误与这条线有关。

您可以使用$json_data['lyrics_info_data'] = $data;代替$json_data['lyrics_info_data'] = json_decode($data);

模型功能也需要更新。

public function insert_json_in_db($json_data){
    $this->db->insert('lyrics', $json_data['lyrics_info_data']);
}

脚本更新

Codeigniter将在每个请求上重新生成其crcf令牌，此信息将存储在cookie中。因此，您需要从cookie中获取令牌值，并与您传递的ajax数据一起发送。我正在用javascript做的是，使用一个通用函数来附加crcf值以及所有ajax请求。

在jquery中，可以选择添加自定义数据和ajax请求。有关详细信息，请参阅jquery文档http://api.jquery.com/jquery.ajaxprefilter/

<script>
   $(document).ready(function(){ 

function getCookie(c_name) { // A javascript function to get the cookie value 
    if(document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if(c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if(c_end == -1) c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start,c_end));
        }
    }
    return "";
}

$.ajaxPrefilter(function(options, originalOptions, jqXHR){ // This function will attach "csrf_test_name" with all the request you are sending. 
    if (options.type.toLowerCase() === "post") { // Required only if its a post method 
        var csrf_token = getCookie("csrf_test_name");
        // initialize `data` to empty string if it does not exist
        options.data = options.data || "";

        // add leading ampersand if `data` is non-empty
        options.data += options.data?"&":"";

        // add _token entry
        options.data += "csrf_test_name=" + csrf_token;
    }
});
 });
   </script>

您可以从'<?php echo $this->security->get_csrf_token_name(); ?>': '<?php echo $this->security->get_csrf_hash(); ?>'删除var data。

重要提示：如果您在config.php中更改$config['csrf_token_name'] = 'csrf_test_name';，则还需要更新此脚本。

请在更新代码后尝试，如果问题仍然存在，请与我们联系。

Answer 2

确定你做对了base_url()并且在javascript中你应该在某处全局定义base_url()，以便你可以在任何脚本中访问它，如下所示

var baseurl = <?php echo base_url() ?>;

`

Answer 3

你正在努力使这一点变得困难。 csrf不是你的问题。试试这样的事情

$(function () {
 "use strict";
 $("#form2").submit(function () {
 var data = $("#form2").serialize();
 //alert(data); return false;
 $.ajax({
  url: "/log/login",
  data: data,
  type: "POST",
  success: function (msg) {
    $("#display").text(msg);
  },
  error: function (msg) {
    $("#display").text("its all bad");
  }
  });
  return false;
 });
 });

（当然，您需要将自己的表单ID放在其他地方）

您的控制器应如下所示：

  $data = array(
'borncity'  => htmlspecialchars(trim($this->input->post('borncity'))),
'state'     => htmlspecialchars(trim($this->input->post('state'))),
'country'   => htmlspecialchars(trim($this->input->post('country'))),
'family'    => htmlspecialchars(trim($this->input->post('family'))),
'year'      => htmlspecialchars(trim($this->input->post('year'))),
'state1'    => htmlspecialchars(trim($this->input->post('state1'))),
'deathcity' => htmlspecialchars(trim($this->input->post('deathcity')))
);

$this->form_validation->set_rules('borncity', 'city of birth', 'required|trim');
$this->form_validation->set_rules('state', 'state', 'required|trim');
$this->form_validation->set_rules('country', 'country', 'required|trim');
$this->form_validation->set_rules('family', 'family', 'required|trim');
$this->form_validation->set_rules('year', 'year', 'required|trim');
$this->form_validation->set_rules('state1', 'Born State', 'required|trim');
$this->form_validation->set_rules('deathcity', 'Death City', 'trim');

if( $this->form_validation->run() == FALSE) {
  echo validation_errors();
}else
{
  $this->db->insert('cities', $data);
  echo "Success"; //this will show up in your ajax success line
}
}

在控制器中使用Codeigniter的表单验证。您不需要使用json解码。请注意这些是示例

在codeigniter csrf中禁止ajax调用错误函数

3 个答案: