When will the changed quantity be sent to the backend after the shopping cart is added or deleted?

recently, I was working on a project with vue+elementUI. When I was doing a shopping cart, I was thinking about how it was sent to the backend when the number in the shopping cart changed. If I changed it once, it would definitely be bad. Then I went to Taobao to try. When I added it, there was a request about a second later (I don"t know, I guess). If I kept pressing on it, he would send it again when I stopped adding. How this is implemented, or the process of sending a number of requests or the like to the background. Solve

Front-end vue.js javascript
Mar.21,2021

according to the description of the landlord, "function anti-shaking" to understand.

this is very simple
you npm install-S debounce, or write one yourself 

function debounce (fn, time) {
    var t;
    return function (ctx) {
        clearTimeout(t)
        t = setTimeout(function() {
            fn.apply(ctx, [].slice.call(arguments,1));
        }, time);
    }
}

function sendAjax () {}

fn = debouncing(sendAjax);
fn(sendData);
< hr >

but why don't you add an OK button? 

$(function(){
var time;
$(document).on('click','.inc',function(e){
clearTimeout(time);
time = setTimeout(function(){
//
},1000);//

});

});

Mobile phone codeword, not indented to understand. ^ _ ^
it's very simple to define a variable externally to store the timer. Each time you click the add button, use clearTimeout to release the stored timer, and then execute setTimeout, for a second to trigger the asynchronous event inside. If the button is clicked again within a second, the asynchronous content in setTimeout will be dropped by clear before it is executed.

Previous: How to count the number of strings matched by regular expressions in python2.7?

Next: Strange problems encountered in adding vlan under linux Nic

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu