将输入数据发送到javascript文件

时间:2015-06-15 15:23:40

标签: javascript jquery ajax html5 send

我的以下代码是:

<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文件后,我想访问该信息。任何人都知道如何做到这一点?

1 个答案:

答案 0 :(得分: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>