如何缩放 JQuery 中的变量数量？

Question

现在我的页面是动态生成内容

例如当我按下添加按钮时，它会在 body 中添加一个表单，每个表单都包含一个 ajax 请求。

代码是这样的：

var ajax;

ajax = $.ajax.....

问题是，它只将变量限制为一个，我想知道有什么方法可以缩放变量的数量

例如：当添加两个表单时，就会有两个ajax变量，如何跟踪它们？

感谢您的帮助。

更新：案例说明

这样做的原因是因为我想取消ajax提交，所以情况是：

var ajax_req;

$("form").submit(function(){
     ajax_req = $.ajax...
});

$("cancel").click(function(){
    ajax_req.cancel();
});

但是对于动态生成表单，我需要跟踪所有 ajax_req 变量并知道要取消哪个表单。

Answer 1

我的解决方案是将表单提交转换为 ajax 请求。

很简单，只需 3 步：

1. 阻止原始表单提交。
2. 获取表单变量。我想使用.serialize()。
3. 制作一个 ajax。

高级，你可以在表单标签中设置一些参数，比如method="post"，或者其他一些"data-"属性。并且您可以在请求之前阅读这些参数。

希望这会有所帮助：D