javascript - ajax post表单后url会自动改变?怎么不让url变化
PHPz
PHPz 2017-04-11 13:19:32
[JavaScript讨论组]

为什么url会发生变化,怎么让其不变?

提交前:localhost:3000/
提交后:localhost:3000/?user%5Bname%5D=%E5%A4%A7%E6%B4%92%E5%BA%97&user%5Bpassword%5D=

前台代码

$('#form-signup .btn-success').click(function () {

        // $(".form-signup").valid();
        var $$ = $('#form-signup');
        var data = $$.serializeArray();
        var postData = {};
      
        $.each(data, function (n, v) {
            postData[data[n].name] = data[n].value;  
        });
        console.log(postData);
        $.ajax({
            type: "POST",
            url: '/user/signup',
            dataType: 'json',
            data: postData,
            success: function (data) {
                var m = data['message'];
                if (m == 'username is exist') {
                    alert(JSON.stringify(data))
                }
            }
        })
        ;
    });

后台代码:

app.post('/user/signup', function (req, res) {
    var _user = req.body.user;
    User.find({name: _user.name}, function (err, user) {
       
        if (user) {
            res.send({message: "username is exist"});
        } else {
            var user = new User(_user);

            user.save(function (err, user) {
                if (err) {
                    console.log(err);
                }
                res.redirect('/admin/userlist');   
            });
        }
    })
PHPz
PHPz

学习是最好的投资!

全部回复(2)
大家讲道理

第一种

$('#form-signup').on('submit', function(ev) {
  ev.stopPropagation();
  ev.preventDefault();

  ...

});

第二种
还有就是form表单的那个button按钮注意下type

<button type="button">submit<button>

这样做虽然也可以阻止,但是不建议这么做,有碍于语义化和不能键盘enter操作

PHP中文网

你这个是直接触发了formsubmit
有两个小建议:

  1. 把发ajax的回调绑定到formsubmit事件上

  2. 事件的回调里加上e.preventDefault(),阻止表单的submit事件

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号