Javascript 在使用AJAX请求时，是否仍然需要表单元素？

这可能是一个愚蠢的问题，但我想知道，即使在使用jQuery Ajax从服务器或数据库传递和检索数据时，我们是否真的还需要将输入元素包装在a侧

我的意思是，虽然Ajax方法有诸如类型、url、数据甚至下面的数据类型之类的选项

$.ajax({
        type: "POST",
        url:"process.php",
        data: data,
        dataType: "JSON"
});

我们还需要表格吗？从安全性方面来说，我认为我们可以在没有表单元素的情况下验证用户输入，但我不确定它是否正确？！ 如果您认为我们仍然需要表单，那么我们应该如何处理表单属性，如

action

和

method

？我们应该把它们留白吗？

---

感谢使用Ajax时，表单有多种用途。它规定：

• 当JavaScript因任何原因失败时，用户向服务器提交数据的一种方法
• 一个方便的DOM接口，用于访问其中的控件（

  formElement.elements.field\u id\u或\u name

  ）
• 屏幕阅读器软件使用的语义分组（例如）
• 按enter键触发所有字段的提交事件的处理

---

除非您想要一个健壮的、可访问的、可用的页面而无需付出太多的努力，否则您不需要严格地使用它。

不，在使用ajax时，不需要将输入（或其他）元素包装在表单标记中

但是，有时使用表单构造是一个好主意，例如如果您想使用

.serialize（）

一次性获取所有表单名称/值（例如，如果您使用ajax，这是一个很好的快捷方式）

---

请注意，如果您使用表单（即“提交”按钮

，您是否需要支持不支持JavaScript的客户端。如果不需要，请执行您喜欢的操作。我不明白您为什么不使用表单的可能重复项。更不用说将表单标记为
表单的语义价值了。
$('#myForm').submit(function(event){
    let validation_okay = true;
    //do your validation
    if (!validation_okay){
        alert('Please fix errors and re-submit');
        return false;
        //Here, form will NOT submit but will return control to user
    }
    //if form gets to here, it will submit normally
});

//You have a structure that is constructed WITHOUT any form tags - a lightbox or something
//The *submit* button is just an ordinary button (without `type="submit"`)
//User clicks your "Go" or "Submit" button, and you validate the field values. Now you
//want to submit it.
if (!validation_okay){
    let uid = $('#userid').val();
    let pwd = $('#pword').val();
    let myform = '\
        <form id="laform" action="process_login.php" action="post">\
            <input name="user_id" value="' + uid + '" />\
            <input name="passwrd" value="' + pwd + '" />\
        </form>';
    $('body').append(myform);
    $('#laform').submit();
}

let uid = $('#userid').val();
let pwd = $('#pword').val();
if (uid.length && pwd.length){
    $.ajax({
        type: 'post',
         url: '../ajax/login.php',
        data: 'lname=' + uid + '&pword=' + pwd
    }).done(function(d){
        console.log('Received back from PHP side: ' + d);
    });
}

/public_html/ajax/login.php  
(Note: above code also expects your js file to also be in a subfolder, 
 for e.g. /public_html/js/script.js)

<?php
    $login_name = $_POST['lname'];
    $password = $_POST['pword'];
    if ($login_name == 'bob' && $password == 'baluga'){
        echo 'Login successful';
    }else{
        echo 'Wrong, wrong, wrong! Just wrong!'
    }