如何從ajax請求獲取數據響應？

Question

我只是想問一下如何從我的ajax請求中預覽數據？ 我只是想知道數據是否正確。

這是我的代碼。

<script type="text/javascript">

            var globalBase_Url = "{$base_url}" + "index.php/user_controller/processAdd/";   

            //alert(globalBase_Url);

            {literal}

                $(document).ready(function(){

                    $('#add_cat').on('click',function(){
                        $('#add_category').show('slide');
                    });

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

                        var name = $('#category_name').val();
                        var desc = $('#description').val();

                        console.log(globalBase_Url);

                        $.ajax({
                            type: 'POST',
                            url: globalBAse_Url,
                            data: {cat_name:name,cat_desc:desc}, //How can I preview this?
                            dataType: 'json',
                            async: false,
                            success: function(d){

                            }
                        });

                    });

                });

            {/literal}


        </script>

在我的控制器中我有這個。

public function processAdd(){

        $cat_name = $this->input->post('cat_name');
        $cat_desc = $this->input->post('cat_desc');



 }

我使用了chrome開發人員工具並在XHR中預覽它的響應。 但我沒有看到我的數據。 順便說一下，我正在使用CodeIgniter

Answer 1

在你的控制器中：

你應該有這樣的東西

public function processAdd(){


  if($this->input->post()){

   //do something
   $var1 = $this->input->post('cat_name');
   $var2 = $this->input->post('cat_desc');

   echo json_encode(array('status' => 'ok')); //must be encode with array to access it in your response as an object since you use DataType:json
  }

}

然后在你的ajax中，訪問響應

 $.ajax({
  type: 'POST',
  url: '/controllers/processAdd',
  data: {cat_name:name,cat_desc:desc}, //How can I preview this?
  dataType: 'json',
  async: false, //This is deprecated in the latest version of jquery must use now callbacks
  success: function(d){
   alert(d.status); //will alert ok
  }
});

Answer 2

您可以使用瀏覽器開發人員工具> NetWork

Chrome： 開發人員工具
FireFox： 開發者工具 - 網絡 / 火蟲 - > 網絡

要么

在ajax成功處理程序中，將數據記錄到控制台

success: function(d){
    console.log(d);// then look at the developer tools -> console
}

Answer 3

試試看

    var globalBase_Url = "{$base_url}" + "index.php/user_controller/processAdd/"; 

在{literal}標簽內