Jquery的問題提交按鈕

Question

jQuery代碼

$('#cartSubmit').click(function() { 


     var product_name = encodeURIComponent($('#product_name').val()); 
     var barcode = encodeURIComponent($('#barcode').val()); 
     var Quantity = encodeURIComponent($('#Quantity').val()); 


      var postData = "product_name="+product_name+"&barcode="+barcode+"&Quantity"+Quantity; 
      $.ajax 
       ({ 
        type: 'POST', 
        url: 'http://localhost/example/index.php/cart/cartoutput',      
        data: postData, 
        success: function(html) { 
         //alert(html); 
         $('#cartDisplay').html(html); 

         } 
      }); 

     return false; 
    }); 

查看代碼

 <tr><td align="center" > <input type="submit" value="SUBMIT" id="cartSubmit"/></td> </tr> 

我不能夠顯示輸出。代碼中有什麼問題

Answer 1

由於某些原因，我在過去也遇到過難以使用html()的問題。試試：

document.getElementById("#cartDisplay").innerHTML = html; 

Answer 2

是否通過JS或ajax添加了購物車？

是cartSubmit裏面的cartDisplay在DOM中嗎？

嘗試改變：

$('#cartSubmit').click(function() { 

要：

$('#cartSubmit').live ('click', function() { 

Answer 3

嘗試以下，看看它的工作原理，還我已經犯了一個錯誤處理程序

$('#cartSubmit').click(function(e) { 

    e.preventDefault(); //prevent the default behaviour of the submit 

    $.ajax 
    ({ 
     type: 'POST', 
     url: 'http://localhost/example/index.php/cart/cartoutput',      
     data: {product_name:product_name,barcode:barcode,Quantity:Quantity}, 
     dataType:'html', // i assumed you are returning html 
     success: function(html) { 
      alert("success"); 
      $('#cartDisplay').html(html); 
      }, 
     error:function(jxhr){ // make an error handler 
      alert(jxhr.responseText); 
      } 
     });  
});