将输入数据发送到 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 中的函数，您可以 "send" 将输入字段值 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>

将输入数据发送到 javascript 文件

Sending input data to a javascript file

html

javascript

ajax

jquery

send