javascript - 购物车ajax请求成功,更新加减数量this传参问题
怪我咯
怪我咯 2017-04-10 15:30:25
[JavaScript讨论组]

代码如下:

    $(".add").click(function(){
        var val = parseInt($(this).siblings("input").val());

        //加请求    
        ajaxFn($(this),...)    
    })

    $(".minus").click(function(){
        var val = parseInt($(this).siblings("input").val());

        //减请求
        ajaxFn($(this),...)

    })

    //更新数量
    function addMinus(_this,num){
        var val = parseInt($(_this).val());
        var nums = val + num;

        $(_this).siblings("input").val(num)


    }

    function ajaxFn(_this,...){
        $.ajax({
            url:"/",
            data:"",
            type:"json",
            success:function(data){
                if(data){

                    //获取成功返回数量
                    addMinus(_this,1)

                }
            }
        })
    }

购物车数量当请求成功的时候根据参数判断 +1 -1

【问题】ajaxFn方法在不传递this的情况下,能不能找到对应的商品更新数量;或者改写目前逻辑。

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
怪我咯

你这展现和数据严重耦合,当然可以不传$(this), ajax处理的只是数据,塞回页面跟数据没关系,你这里input不都是一个吗,为什么不给个id

阿神

MVC啊,伪代码:

var data = { //存放商品与对应数量
    product1 : {
        id : 1,
        num : 5
    },
    product2 : {
        id : 2,
        num : 5
    }
}

var dataControl = function () { //此方法负责商品数据的更新,可在ajax之后调用,因此ajax时候只需要传对应的url与id即可

}

var showData = function () { //数据的展示----看着做了

}

大致思路如上。那直接angular了嘛

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号