how to read ajax response data in chrome dev tool ?

i have js to submit form data thru ajax.

something like that
  1.         var query_value = $('input#search').val();
  2.                 $('b#search-string').text(query_value);
  3.                 if(query_value !== ''){
  4.                         $.ajax({
  5.                                 type: "POST",
  6.                                 url: "search.php",
  7.                                 data: { query: query_value },
  8.                                 cache: false,
  9.                                 success: function(html){
  10.                                         $("ul#results").html(html);
  11.                                 }
  12.                         });
  13.                 }return false;   
複製代碼
How could i read the responsed data (variable html) in chrome dev tool ?
I could only see the query_value variable in the debugger

禁去network個TAB

TOP

原來係network tab到睇。

我以為係js debugger 入面就可以睇到添

TOP

You can console.log(result) to view it too

TOP

var query_value = $('input#search').val();
$('b#search-string').text(query_value);
if(query_value !== ''){
        $.ajax({
                type: "POST",
                url: "search.php",
                data: { query: query_value },
                cache: false,
                success: function(html){
                        console.log(html);
                        $("ul#results").html(html);
                }
        });
} return false;

TOP

or set break points in debugger

TOP

本帖最後由 takayo72 於 2015-2-23 07:55 編輯

搞掂!
Live content search demo. Built with processwire



如果public user 開放呢類型嘅live search, 對server load 會增加多少呢?

TOP