Ajax 帖子不工作 codeigniter

Question

我正在使用 codeigniter 3.1

Ajax 帖子不起作用，我在控制台中收到 403（禁止）。

[POST http://localhost/test/post403（禁止）]

HTML

 <div class="post">
                <input type="text" id="data1" name="data1" value="">
                <input type="text" id="data2" name="data2" value="">
            </div>
    <button id="post">Submit</button>

JAVASCRIPT

$('#post').on('click', function () {

      var value1=$("#data1").val();
      var value2=$("#data2").val();

        $.ajax({
                url: window.location.href+'/post',
                type: "POST",
                data:"{'data1':'"+value1+"','data2':'"+value2+"'}"
            });

控制器

public function post() 
    {

        $data1 = $this->common->nohtml($this->input->post("data1", true));
        $data2 = $this->common->nohtml($this->input->post("data2", true));


        $this->data_models->update($this->data->INFO, array(
          "data1" => $data1,
          "data2" => $data2,
            )
          );

  }

Answer 1

如果您希望启用 CSRF 保护（一个好主意），那么您必须在发布表单数据时传递 CSRF 令牌 - 是否通过 AJAX。考虑这种方法。

将令牌放入表单的最简单方法是使用 Codeigniter 的“表单助手”(Documented here) 您可以加载控制器的功能或使用自动加载。此视图代码假定您已加载帮助程序。

HTML

<div class="post">
    <?= form_open('controller_name/post'); //makes form opening HTML tag ?> 
    <input type="text" id="data1" name="data1" value="">
    <input type="text" id="data2" name="data2" value="">
    <?php
    echo form_submit('submit','Submit', ['id'=>'post']); //makes standard "submit" button html
    echo form_close(); // outputs </form>
    ?>
</div>

form_open() 函数还会自动将包含 CSRF 令牌的隐藏字段添加到 HTML。

Javascript

$('#post').submit(function( event ) {
    //the next line will capture your form's fields to a format 
    //perfect for posting to the server
  var postingData = $( this ).serializeArray();
  event.preventDefault();

    $.ajax({
    url: window.location.href + '/post',
        type: "POST",
        data: postingData,
        dataType: 'json',
        success: function(data){
            console.log(data);
        }
    });
});

控制器

当 $_POST 到达您的控制器时，CSRF 令牌已被剥离，因此您不必担心它会“污染”您的传入数据。

public function post()
{
    //get all the posted data in one gulp and NO, you do not want to use xss_clean
    $posted = $this->input->post();
    //With the above the var $posted has this value (showing made up values)
    // array("data1" => "whatever was in the field", "data2" => "whatever was in the field");

    //sanitize the field data (?)
    //just stick the clean data back where it came from
    $posted['data1'] = $this->common->nohtml($posted["data1"]);
    $posted['data2'] = $this->common->nohtml($posted["data2"]);

    $this->data_models->update($this->data->INFO, $posted);

    //you must respond to the ajax in some fashion
    //this could be one way to indicate success 
    $response['status'] = 'success';
    echo json_encode($response);
}

如果模型函数报告了问题，您也可以发回其他状态。然后，您需要在 javascript 中对该状态做出反应。但是，如果您不回应，可能会导致以后出现问题。