Jquery 将HTML表单数据放入JSON对象并进行AJAX POST调用_Jquery_Html_Json_Ajax_Post

Jquery 将HTML表单数据放入JSON对象并进行AJAX POST调用

jquery html json ajax post

Jquery 将HTML表单数据放入JSON对象并进行AJAX POST调用,jquery,html,json,ajax,post,Jquery,Html,Json,Ajax,Post,我有以下HTML代码： <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <form> <ta

我有以下HTML代码：

<!DOCTYPE html>

<html>

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    </head>

    <body>
        <form>
            <table>
                <tr>
                    <td><label>Brand:<input type="text" name="brand" size="5" required></label></td>
                    <td><label>Model:<input type="text" name="model" size="5" required></label></td>
                    <td><label>OS:<input type="text" name="os" size="5" required></label></td>
                    <td><label>Image link:<input type="text" name="image" size="5" required></label></td>
                    <td><label>Screensize:<input type="text" name="screensize" size="5" required></label></td>
                </tr>
            </table>
            <input type="submit" value="Submit">
        </form>
    </body>

</html>


品牌：
型号：
操作系统：
图像链接：
屏幕大小：

我想知道如何将这个HTML表单的数据放在JSON对象中并进行AJAX后期调用？

首先，使用

serializeArray

将表单元素编码为名称和值的数组。然后用Ajax请求发送它

HTML:

    <form>
        <table>
            <tr>
                <td><label>Brand:<input type="text" name="brand" size="5" required></label></td>
                <td><label>Model:<input type="text" name="model" size="5" required></label></td>
                <td><label>OS:<input type="text" name="os" size="5" required></label></td>
                <td><label>Image link:<input type="text" name="image" size="5" required></label></td>
                <td><label>Screensize:<input type="text" name="screensize" size="5" required></label></td>
            </tr>
        </table>
    </form>

<button onclick="submitForm();">Submit JSON</button>

function submitForm() {
    $.ajax({
        method: "POST",
        url: "some.php",
        data: JSON.stringify($("form").serializeArray())
    });
  }