javascript - 当表单与ajax提交事件一起使用时，为什么通常使用而不是来聚合元素？

Question

为什么通常<form>用于聚合元素而不是<div>如果表单与 ajax 提交事件一起使用？

Ajax jquery函数:

$('#parse-form').submit(function() {
        $.ajax({
            url: 'controller.php',
            type: 'POST',
            dataType:'json',
            success: function(data) {
                alert(data);
            }
        });
        return false; 
    });

方式1 - 形式:

<form>
 <input type="text"/>
 <button type="submit">submit</button>
</form>

方式2 - div:

<div>
 <input type="text"/>
 <button type="submit">submit</button>
</div>

(也许是因为当用户按下输入提交的表单时，但如果网页中有超过 1 个表单？)

<小时/>

更新:如果写表单的原因是因为javascript禁用状态为true:

1.应该在代码中添加什么以使表单有 2 个选项 ajax 提交和常规提交？

2.当我们有使用 jquery ui 或其他 javascript 库 ui(菜单、目录等)的网站时，是否会发生此原因

谢谢

Answer 1

不止一种形式是一个可能的原因，但更大的问题是关闭 javascript 的用户的优雅降级 - 仅使用 div 就会锁定任何禁用 JS 的用户。