Question

我的JSP中有以下按钮：

<button onclick="updateCart(${currentLineItem.product.id}, 'add');"><i class="fa fa-plus"></i></button>

updateCart方法有2个参数，位于myJS.js JavaScript文件中，该文件位于我的js目录下的Web应用程序的根目录。

JavaScript文件的导入是：

<srcipt src="js/myJS.js"></srcipt>

updateCart函数进行AJAX调用：

function updateCart(productId, action) {
    var previousHTML = document.getElementById("mainDiv").innerHTML;
    document.getElementById("mainDiv").innerHTML = "<img src=\"gif/ajax-loader.gif\" alt=\"Updating Cart...\">";
    var formData = "productId=" + productId + "&action=" + action;
    $.ajax({
        url: "ajaxCart",
        type: "POST",
        data: formData,
        success: function(data, textStatus, jqXHR)
        {
            document.getElementById("mainDiv").innerHTML = data;
        },
        error: function(jqXHR, textStatus, errorThrown)
        {
            document.getElementById("mainDiv").innerHTML = previousHTML;
            alert('Problem occurred while updating cart.');
        }
    });
}

出于某种原因，当我点击按钮时，没有任何反应。我在函数的开头放了一个alert调用来查看它是否被调用，但事实并非如此。

Answer 1

我没有足够的声誉来评论，但乍看之下您的代码存在一些问题：

<script>而非<srcipt>
您的updateCart函数没有结束花括号（}）

JavaScript函数没有被调用onclick

1 个答案: