如何在jQuery中的函数调用中传递2个值

Question

您好，我有 jQuery 函数，我在其中调用了 servlet，还传递了 2 个值，但它显示 NullPointerException。 我不知道为什么，但我认为我在其中放置论点是错误的。

我的代码：

function addProductById(pId,pMqty){
                $.getJSON("addtocart?pid=" + pId + "&minqty="+ pMqty +"&rand=" + Math.floor((Math.random()*100)+1), function(json) {
                    alert(json.msg);
                });
            }

在这里，我将 2 个变量 pId 和 pMqty 传递给 servlet addtocart，但它没有在 servlet 中接收。 知道为什么它不去那里吗？

而且我还在按钮点击时将此函数调用为 JavaScript：

onclick='addProductById(" + this.id + ","+ this.minqty +");'

有什么帮助吗？

Java 脚本代码：

tableRow: function tableRow(product){

    this.id = product.pId;
    this.image = product.pImage;
    this.name = product.pName;
    this.price = product.pPrice;
    this.feature = product.pFeature;
    this.minqty = product.pMqty;

    var image = "<div class='mainitemlist'><div class='mainitemlistimage'><a href='product?pid=prdID'><img src='product_images/prdIMAGE' height='125px' width='100px' style='border-radius:2px;'></a></div>";
    var name = "<div class='mainitemlistname'><div align='center'><a href='product?pid=prdID' style='color: #9caeb9;text-decoration: none;'>prdNAME</a></div></div>";
    var price = "<div class='mainitemlistprice'><div align='center'>prdPRICE</div></div>";
    var features = "<div class='mainitemlistfeatures'><div align='center'> <!--prdFEATURE-->MOQ : prdMINQTY</div><div align='center'><button type='button' style='display: none;margin-top: 5px;' class='btn btn-primary' onclick='addProductById(" + this.id + ","+ this.minqty +");'>Add To Cart</button></div></div></div>";


    this.generateHTML = function generateHTML(){
        html = "";      
        html += image.replace("prdIMAGE", this.image).replace("prdID", this.id);
        html += name.replace("prdNAME", this.name).replace("prdID", this.id);
        html += price.replace("prdPRICE", this.price);
        html += features.replace("prdFEATURE", this.feature).replace("prdMINQTY", this.minqty);;
        return html;        
    };

}

使用Java Script显示数据，这里container是div，我只是在jsp页面中调用了这个div。 ：

display: function display(){        

    var node = document.getElementById('container');

    while (node.hasChildNodes()) {
        node.removeChild(node.firstChild);
    }

    var html = "";

    for(var i = 0; i < catalogue.product.length; i++){              
        var tableRow = new catalogue.tableRow(catalogue.product[i]);  
        html += tableRow.generateHTML();    
    }

    document.getElementById('container').innerHTML = html;
}

Answer 1

你可以这样做：-

onclick='addProductById("' + this.id + '","' + this.minqty +'");'

onclick 属性中的单引号没有正确关闭，这就是为什么这些值不会出现。

并像这样测试它：-

function addProductById(pId, pMqty) {

    // You can test the values here
    alert(pId + ', ' + pMqty);

    // your code here..
}