什么表单标签做时，我想与ajax工作

What form tag do when I want to work with ajax?

本文关键字：ajax 工作 表单 标签 什么      更新时间：2023-09-26

这是我的Html代码:

<head>
    <script src="jquery.js"></script>
    <script type="text/javascript">
        function logiin()
        {
            name_sent = document.getElementById('username').value;
            pass_sent = document.getElementById('pass').value;
            $.post(
                'login.php',
                {
                    name: name_sent
                },
                function show(data) {alert (data); }
            );
        }
    </script>
</head>
<body>
    <!--<form>-->
        Username: <input type="username" name="username" id="username"> <br>
        Pass: <input type="password" name ="pass" id="pass"> <br>
        <input type="submit" onclick="logiin();">
    <!--</form>-->
</body>

它与ajax和JQuery一起工作，而且工作得很好!:)但如果我添加表单标签它不工作!为什么。?

它不起作用，因为当包含在表单中时，提交按钮会尝试提交表单。

防止这种情况发生的最简单的方法是将return false;添加到onclick处理程序:

<input type="submit" onclick="logiin(); return false;" />
但是，更好的方法是将处理程序添加到表单本身(以防用户以另一种方式提交表单): 
<form onsubmit="logiin(); return false;">
    <!-- Form elements here -->
</form>

禁用提交。如果没有类型为submit的按钮，表单将不会被提交，除非你在JavaScript代码中明确地这样做。

<body>
    <form>
        Username: <input type="username" name="username" id="username"> <br>
        Pass: <input type="password" name ="pass" id="pass"> <br>
        <input type="button" onclick="logiin();">
    </form>
</body>

可能是因为您正在使用类型为submit的输入按钮。尝试使用类型的输入按钮。

<input type="button" onclick="logiin();">

类型为submit的按钮将自动尝试使用post提交表单。

相关文章：