从java脚本中获取值

Question

我有一个 javascript 文件，并且有一个计算总数的函数，我想在我的主 HTML 或 php 页面中使用 javascript 中计算出的总值，我该怎么办？ 我尝试使用会话，但没有用。

这是我的 javascript 代码。 我怎样才能在我的主页中将总数作为一个变量。 我尝试使用getElementBy函数，但没有用。

 function updateCartTotal() {
    var cartItemContainer = document.getElementsByClassName('cart-items')[0]
    var cartRows = cartItemContainer.getElementsByClassName('cart-row')
    var total = 0
    for (var i = 0; i < cartRows.length; i++) {
        var cartRow = cartRows[i]
        var priceElement = cartRow.getElementsByClassName('cart-price')[0]
        var quantityElement = cartRow.getElementsByClassName('cart-quantity-input')[0]
        var price = parseFloat(priceElement.innerText.replace('$', ''))
        var quantity = quantityElement.value
        total = total + (price * quantity)
    }
    total = Math.round(total * 100) / 100
    console.log(total)
    document.getElementsByClassName('cart-total-price')[0].innerText = '$' + total
    document.cookie ='total='+total+';expires=Wed, 1 Jan 2070 13:47:11 UTC; path=/'
    //var x =document.cookie
    console.log(x)
    console.log(input)


}

Answer 1

1. 您可以使用dom-manipulation术语将此值（来自javascript函数）传递给 html( dom )，例如：

document.getElementById("demo").innerHTML = "Your Data";

阅读更多

2. 您可以使用cookie （而不是session ）将值从客户端传递到服务器并在服务器（ php或其他）上获取它，例如：

document.cookie = "username=YOUR_DATA; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

阅读更多

3. 您可以使用 AJAX 调用将数据从客户端发送到服务器，例如：

xhttp.open("POST", "getinfo.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("data=yourData&other=another"); // pass data here

阅读更多

Answer 2

如果您只是想将总数添加到"cart-price"类名称元素中，则下面的代码应该可以工作。 我只是改变了你把element.getElementsByClassName('class-name')到document.getElementsByClassName('class-name') ...... html 元素没有.getElementBy...方法附加到它们

function updateCartTotal() {
    var cartItemContainer = document.getElementsByClassName('cart-items')[0]
    var cartRows = document.getElementsByClassName('cart-row')

    var total = 0

    for (var i = 0; i < cartRows.length; i++) {
        var cartRow = cartRows[i]
        var priceElement = document.getElementsByClassName('cart-price')[0]
        var quantityElement = document.getElementsByClassName('cart-quantity-input')[0]
        var price = parseFloat(priceElement.innerText.replace('$', ''))
        var quantity = quantityElement.value
        total = total + (price * quantity)
    }

    document.getElementsByClassName('cart-total-price')[0].innerText = '$' + total



}