javascript - 将输入数据发送到 JavaScript 文件

Question

我的以下代码是这样的:

<form>
    <input class="inputField" type="text" required="required" pattern="[a-zA-Z]+" />
    <input class="myButton" type="submit" value="Submit" />
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $(".myButton").on("click", function () {
            var value = $(".inputField").val();
        });
    });
</script>

我想在用户在输入中输入一些信息并单击提交按钮后将数据发送到文件 main.js 。我尝试使用 ajax() 方法，但它不起作用或者我不知道如何执行此操作。将其发送到 main.js 文件后，我想访问该信息。有人知道如何做到这一点吗？

Answer 1

您可以通过将输入字段值作为参数传递给 main.js 中的函数，将输入字段值“发送”到 main.js。

main.js:

function mainjsfunction(inputFieldValue)
{
    console.log(inputFieldValue);  
    //do something with input field value
}

html:

<form>
    <input class="inputField" type="text" required="required" pattern="[a-zA-Z]+" />
    <input class="myButton" type="submit" value="Submit" />
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $(".myButton").on("click", function () {
            var value = $(".inputField").val();
            mainjsfunction(value);
        });
    });
</script>