AJAX AVOIDS THE USER TO REPEATEDLY SUBMIT THE REQUEST IMPLEMENTATION

0 k thích
đã hỏi ngày 12 tháng 12 năm 2017 bởi JulietaRemin (180 điểm)
dublicate content checkWhen using AJAX (jQuery) asynchronous request data, we need to disable the request commit button to avoid content duplicate checker requests for some reason the user repeatedly clicks the button at the same time.

Focus: jQuery attr and removeAttr two functions, mainly the button button disabled attribute.

Demo:

The code is as follows:

body

a class = 'disabled' Button disabeld / a \u0026 nbsp; \u0026 nbsp; \u0026 nbsp; \u0026 nbsp; a class = 'abled' Button abled / abr / br /

input type = 'button' id = 'submit' name = 'submit' value = 'submit'

/ body

script type = 'text / javascript' src = 'https://www.tulaoshi.com/n/jquery-1.2.6.js' / script

script type = 'text / javascript'

$ (function ()

// make it ineffective

$ ('. disabled'). click (function ()

$ ('# submit'). attr ('disabled', 'disabled');

$ ('# submit'). val ('disabled ...');

);

//activation

$ ('. abled'). click (function ()

$ ('# submit'). removeAttr ('disabled');

$ ('# submit'). val ('submit');

);

// operation request

$ ('# submit'). click (function ()

$ ('# submit'). attr ('disabled', 'disabled');

alert ('hi'); // send ajax request

$ ('# submit'). removeAttr ('disabled');

);

);

/ script

Description: When you click 'Button disabeld', use the $ ('#submit') .attr ('disabled', 'disabled') statement to disable the test button, in essence, add a disabled attribute to the test button, and then click 'Button abled' ('# Submit'). RemoveAttr ('disabled'); The statement removes the disabled button property, thus enabling the disable button to avoid sending the request repeatedly.

Source: https://www.tulaoshi.com/n/20160219/1591915.html

Câu trả lời của bạn

Tên hiển thị của bạn (tùy chọn):
Bảo mật: Địa chỉ email của bạn chỉ được dùng để gửi thông báo.
  1. BlancaMancus

    13780 points

  2. TristanBusch

    13020 points

  3. Kelvin582250

    11000 points

  4. BrianneAinsw

    10440 points

Monthly rewards
1. Place: USD 20
2. Place: USD 10
3. Place: USD 5

901,379 câu hỏi

169,103 trả lời

1,653 bình luận

870,093 thành viên

Những câu hỏi liên quan

0 k thích
0 trả lời
0 k thích
0 trả lời
0 k thích
0 trả lời
0 k thích
0 trả lời
0 k thích
0 trả lời
...