Question

我创建了一个表单，我可以动态添加＆amp;删除产品。

就像我已经添加了10美元，20美元，30美元的三件产品。

我临时将这些产品添加到数据库中。

现在我想要所有产品的最终总和，而不需要刷新页面。

 $(document).ready(function() {

    //##### send add record Ajax request to response.php #########
    $("#FormSubmit").click(function (e) {


            e.preventDefault();
            if($("#fund_amount").val()==='')
            {
                alert("Please enter amount");
                return false;
            }
            var fund_amount = $("#fund_amount").val();
            var fund_category=$("input[name=fundcategory]:checked").val();

            var dataString = 'fund_amount='+ fund_amount + '&fund_category=' + fund_category;

            jQuery.ajax({
            type: "POST", // HTTP method POST or GET
            url: "response", //Where to make Ajax calls
            dataType:"text", // Data type, HTML, json etc.
            data:dataString,

            success:function(response){
                $("#productholder").append(response);
                $("#fund_amount").val(''); //empty text field on successful
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }
            });
    });

    //##### Send delete Ajax request to response.php #########
    $("body").on("click", "#productholder .del_button", function(e) {
         e.returnValue = false;
         var clickedID = this.id.split('-'); //Split string (Split works as PHP explode)
         var DbNumberID = clickedID[1]; //and get number from array
         var myData = 'recordToDelete='+ DbNumberID; //build a post data structure

            jQuery.ajax({
            type: "POST", // HTTP method POST or GET
            url: "response", //Where to make Ajax calls
            dataType:"text", // Data type, HTML, json etc.
            data:myData, //Form variables
            success:function(response){
                //on success, hide  element user wants to delete.
                $('#item_'+DbNumberID).fadeOut("slow");
            },
            error:function (xhr, ajaxOptions, thrownError){
                //On error, we alert user
                alert(thrownError);
            }
            });

    });

     });

我已经完成了添加和删除，但每当我删除或添加产品时我都想要快速总结..

我希望你能得到它。

Answer 1

您可以发送ajax请求以获取cart \ temp DB中的产品总和。

使用像

这样的东西

function get_product_sum()
{
     jQuery.ajax({
            type: "POST", // HTTP method POST or GET
            url: "response", //Where to make Ajax calls
            dataType:"text", // Data type, HTML, json etc.
            data:"sum_of_the_product", //sum request methord
            success:function(sumasresponse){

               alert(sumasresponse)
            },
            error:function (xhr, ajaxOptions, thrownError){
                //On error, we alert user
                alert(thrownError);
            }
            });
}

并在需要总额时添加get_product_sum（添加产品成功/删除产品成功）

注意：更正确的方法是在有添加/删除时从DB获取总和，并使用相同的方式返回它，然后将其与添加/删除请求成功分开

在选择产品时获得所有产品的价格总和

1 个答案: