每一次提交新请求时都断开之前的请求,保证同一时间等待的仅仅是一个ajax请求。
点击不同的商品id查询一些数据
html
<button type="button" onclick="display_products(111111)">获取相关商品</button>
js
var ajax_;
function display_products(product_id) {
if (ajax_!= null) {
//XMLHttpRequest对象有abort()方法
//也可以自己手动去调用abort方法
ajax_.abort();
ajax_ = null;
}
ajax_= $.ajax({
type: 'GET',
url: '/find_product',
data: {id: product_id},
success: function (res) {
var products = res.products;
var same_html = '';
for (var i in products) {
var p = products[i];
.......
}
$("#same_products_tbody").html(same_html);
}
})
}