如何使用JavaScript和jQuery提交表單（到php）？

我需要通過jQuery-ajax來做到這一點，而無需重新加載頁面。但我甚至無法使點擊功能正常工作。該代碼看起來是這樣的..如何使用JavaScript和jQuery提交表單（到php）？

  $("#add").click(function(){ 
      var selval = $('#cat').val(); 
      alert('ok'); 
      $.ajax({ 
       type:"POST", 
       url:"main_end.php", 
       data:"categ="+selval, 
       success:function(response){ 
        $('#results').html("test"); 

       } 
      }); 

      return false; 
     });

來源

2013-01-17 Madhu

需要看到的HTML。 – Scott

會提醒（'ok'）工作嗎？ – Vic

@Vic它的工作原理。我只是清除緩存/ cookie並重新啓動瀏覽器，它工作。 – Madhu

添加錯誤標籤：

$("#add").click(function(){ 
     var selval = $('#cat').val(); 
     alert('ok'); 
     $.ajax({ 
      type:"POST", 
       url:"main_end.php", 
       data:"categ="+selval, 
       success:function(response){ 
        $('#results').html("test"); 
       }, 
       error : function (xhr, textStatus, errorThrown) { // Add this and make sure you are not getting any error.. 
        console.log ('xhr :'+xhr+' textstatus: '+textStatus+' errorThrown :'+errorThrown); 
       } 
      }); 

      return false; 
     });

來源

2013-01-18 05:05:11 insomiac

本文將幫助：http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

基本上你是做同樣的事情，得到的表單值，並將其提交到AJAX數據。如果這不適合你，那麼你可能有其他錯誤，也許在HTML中，或者你是在頁面完全加載之前運行這個JS。如下圖所示，並確保你沒有及彼任何錯誤

來源

2013-01-17 18:26:28 CodingWithSpike

是不是他以錯誤的方式傳遞數據？ –

這是一個瀏覽器問題。剛剛清除歷史記錄和Cookie並重新啓動。現在工作。 – Madhu

如何使用JavaScript和jQuery提交表單（到php）？

回答

相關問題