dongzai3917 2015-02-03 06:12
浏览 118
已采纳

AJAX表单提交不阻止默认操作

I have made my own AJAX Login. but the script seems to redirect to the php page itself rather than submitting it through AJAX

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
        <script type="text/javascript">
            var form = $('#loginform');
            form.submit(function (ev) {
            ev.preventDefault();
                $.ajax({
                    type: form.attr('method'),
                    url: form.attr('action'),
                    data: form.serialize(),
                    success: function (data) {
                        alert('ok');
                    }
                });        
             });
        </script>
    </head>
    <body>
        <form method="post" action="functions/fn_login.php" id="loginform">
            <input type="email" placeholder="Email / Mobile No." required name="email">
            <input type="password" placeholder="Password" required name="password">
            <input type="submit" id="submit" value="Submit">
        </form>
    <div id="user-result"></div>
    </body>
</html>

Anything wrong with my code?

  • 写回答

2条回答 默认 最新

  • dongyou7472 2015-02-03 06:14
    关注

    You forgot to wait until the page is ready. Wrap your code with $(document).ready(function () { ... }); or $(function () { ... });:

    $(document).ready(function() {
      var form = $('#loginform');
      form.submit(function(ev) {
        ev.preventDefault();
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: form.serialize(),
          success: function(data) {
            alert('ok');
          }
        });
      });
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本