javascript - ajax请求的表单中自动刷新并清除,怎么防止自动刷新?

查看:151
本文介绍了javascript - ajax请求的表单中自动刷新并清除,怎么防止自动刷新?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

ajax请求的表单中自动刷新并清除,怎么防止自动刷新?

    function check_in(){
    var username = $("#username").val();
    var tel =$("#tel").val();
    if(username==""){
        alert("用户名不能为空");
        return false;
    }
    if(tel==""){
        alert("电话号码不能为空");
        return false;
    }
    $.ajax({
              type: 'POST',
              url: "OperAction.php?act=check_in",
              async : false,
              data:{username:username,tel:tel},
              success: function(result){
                   if(result=="1"){
                       alert(result);
                   }else{
                       alert(result);
                   }
              }
            });    
    
}

解决方案

用js提交表单,提交按钮不用是input type=submmit,直接一个button就行了,添加一个事件去执行提交表单内容的函数,,也不用在form上写return flase,如果账号密码错误什么的导致登录失败,就在页面上显示错误信息,如果登陆成功,就用js跳转到相应的静态页面(一般是首页)

这篇关于javascript - ajax请求的表单中自动刷新并清除,怎么防止自动刷新?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆