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

Добавлена ​​ли корзина JS или ajax?

Является ли cartSubmit внутри cartDisplay в DOM?

Попробуйте изменить:

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

Кому:

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

Answer 2

попробуйте следующее и посмотрите, работает ли оно, также я сделал обработчик ошибок

$('#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);
           }
        });       
}); 

Answer 3

Почему-то у меня были проблемы с тем, чтобы html () работал и в прошлом. Попробуйте:

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