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; 
    }); 

VIEWコード

 <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で追加されますか？

cartSubmitcartDisplayは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); 
      } 
     });  
});