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

时间:2018-01-21 23:37:22

标签: jquery html json ajax post

如何将此HTML表单的数据放在JSON对象中并进行POST AJAX调用?

User/Environments/testEnv/lib/python3.6/site-packages/pytesseract/

如果有人可以帮助我,或者至少指出我正确的方向,那将非常感激。

提前谢谢。

1 个答案:

答案 0 :(得分:1)

首先,使用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>

JS:

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