首頁猿問購物車ajax請求成功，更新加減數(shù)...

購物車ajax請求成功，更新加減數(shù)量this傳參問題

JavaScript

躍然一笑 2019-04-21 20:42:07

代碼如下：$(".add").click(function(){varval=parseInt($(this).siblings("input").val());//加請求ajaxFn($(this),...)})$(".minus").click(function(){varval=parseInt($(this).siblings("input").val());//減請求ajaxFn($(this),...)})//更新數(shù)量functionaddMinus(_this,num){varval=parseInt($(_this).val());varnums=val+num;$(_this).siblings("input").val(num)}functionajaxFn(_this,...){$.ajax({url:"/",data:"",type:"json",success:function(data){if(data){//獲取成功返回數(shù)量addMinus(_this,1)}}})}購物車數(shù)量當(dāng)請求成功的時候根據(jù)參數(shù)判斷+1-1【問題】ajaxFn方法在不傳遞this的情況下，能不能找到對應(yīng)的商品更新數(shù)量；或者改寫目前邏輯。

查看完整描述

2 回答

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗獲得超6個贊

你這展現(xiàn)和數(shù)據(jù)嚴(yán)重耦合，當(dāng)然可以不傳$(this),ajax處理的只是數(shù)據(jù)，塞回頁面跟數(shù)據(jù)沒關(guān)系，你這里input不都是一個嗎，為什么不給個id

反對回復(fù) 2019-04-21

瀟瀟雨雨

TA貢獻(xiàn)1833條經(jīng)驗獲得超4個贊

MVC啊，偽代碼：vardata={//存放商品與對應(yīng)數(shù)量product1:{id:1,num:5},product2:{id:2,num:5}}vardataControl=function(){//此方法負(fù)責(zé)商品數(shù)據(jù)的更新，可在ajax之后調(diào)用，因此ajax時候只需要傳對應(yīng)的url與id即可}varshowData=function(){//數(shù)據(jù)的展示----看著做了}大致思路如上。那直接angular了嘛