Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery ajax-价格未显示_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript Jquery ajax-价格未显示

Javascript Jquery ajax-价格未显示,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个jquery函数,它有一个ajax调用。我不能把总价格提高,即使它应该是有效的。类.cart price在.cart body中,所以我认为模板没有问题 function refreshCart(){ console.log("in current cart") var cartTable = $(".cart-table") var cartBody = cartTable.find(".cart-body")

我有一个jquery函数,它有一个ajax调用。我不能把总价格提高,即使它应该是有效的。类.cart price在.cart body中,所以我认为模板没有问题

      function refreshCart(){
        console.log("in current cart")
        var cartTable = $(".cart-table")
        var cartBody = cartTable.find(".cart-body")
        // $(cartBody).empty()
        //cartBody.html("<h1>Changed</h1>")
        var productRows = cartBody.find(".cart-product")
        var currentUrl = window.location.href
        var refreshCartUrl = '/api/cart/'
        var refreshCartMethod = "GET";
        var data = {};
        $.ajax({
          url: refreshCartUrl,
          method: refreshCartMethod,
          data: data,
          success: function(data){
            console.log("success")
            console.log(data)
            if (data.products.length > 1){
                productRows.html(" ")
                $(cartBody).empty()

                $.each(data.products, function(index, value){
                  console.log(value)
                    cartBody.append("<tr><td>" + value.name + "</td><td>" + value.price + "</td></tr>")
                })

                // console.log(data.total)
            cartBody.find(".cart-total").text(data.total)
            } else {
              window.location.href = currentUrl
            }

          },
        error: function(errorData) {
          console.log("error")
          console.log(errorData)
        }
      })
  }
})
函数refreshCart(){
console.log(“在当前购物车中”)
var cartTable=$(“.cart table”)
var cartBody=cartTable.find(“.cart-body”)
//$(cartBody).empty()
//html(“已更改”)
var productRows=cartBody.find(“.cart-product”)
var currentUrl=window.location.href
var refreshCartUrl='/api/cart/'
var refreshCartMethod=“GET”;
变量数据={};
$.ajax({
url:refreshCartUrl,
方法:刷新方法,,
数据:数据,
成功:功能(数据){
console.log(“成功”)
console.log(数据)
如果(data.products.length>1){
productRows.html(“”)
$(cartBody).empty()
$.each(数据、产品、功能(索引、值){
console.log(值)
cartBody.append(“+value.name+”“+value.price+”)
})
//console.log(data.total)
cartBody.find(“.cart total”).text(data.total)
}否则{
window.location.href=currentUrl
}
},
错误:函数(errorData){
console.log(“错误”)
console.log(errorData)
}
})
}
})

$(cartBody).empty()正在清除表体中的所有内容。解决方案是在表体之外创建一个新的HTML表格行。

请调试代码,找出错误所在,然后问一个更精确的问题。您是否检查过AJAX调用正在进行?它成功了吗?
console.log()
调用是否显示并显示正确的信息?正在进行ajax调用。我可以使用console.log检查值,它返回的是正确的总数。
即使它应该工作
您可以发布值
数据
包含的内容吗?在代码中,您的代码是否会进入
if(data.products.length>1){
?if
console.log(value)
中打印,然后我们需要查看标记
var cartBody=cartTable.find(“.cart body”)
引用。请使用相关代码进行修改。显然,在创建演示代码时,您可以对
数据的内容进行硬编码,但如果是选择器问题,它可能已经帮助您解决了问题。