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添加的？

DOM中的cartSubmit内是cartDisplay吗？

尝试更改：

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

通过提交按钮获取值时出现Jquery问题

3 个答案: