ajax腳本不發佈任何值

Question

我想運行一個ajax腳本作爲一個livesearch，但腳本甚至沒有發佈我插入的任何值。

有誰知道我犯了什麼錯誤。請拼命地需要一些幫助來解決這個問題。

的Html -

 <form method="post" id="searchform"> 
      <input type="text" size="30"> 
      <div id="livesearch"></div> 
     </form> 

腳本 -

<script> 
$(document).ready(function() { 
    $(".contents-value").keyup(function(e) { 
    var el = e.target; 
    var data = {}; 
    data['livesearch'] = el.value;  
    var url = '/home'; 

    // Submit data via AJAX§ 
    $.ajax({ 
     url : url, 
     type: 'post', 
     data : data, 
     success: function (data) { 

    } 
}); 
return false; 
}); 
}); 
</script> 

非常感謝先進。

Answer 1

這有一些問題。

1. 你在input元素中聲明瞭一個keyup事件，它使用名稱contents-value（）調用函數。這在代碼中沒有定義。

2. 你發送的數據是錯誤的，在「el」var中，你得到了輸入（這很好）。但是，在這條線：

   data['livesearch'] = e.valueOf().val; 
   
   e.valueOf().val is undefined. 
   

而是做到這一點：

data['livesearch'] = el.value; 

最後，改變對事件KEYUP：

$(document).ready(function() { 
     $(".contents-value").keyup(function(e) { 
     var el = e.target; 
     var data = {}; 
     data['livesearch'] = el.value;  
     var url = '/home'; 

     // Submit data via AJAX§ 
     $.ajax({ 
      url : url, 
      type: 'post', 
      data : data, 
      success: function (data) { 

     } 
    }); 
    return false; 
    }); 
    });