zoukankan      html  css  js  c++  java
  • 使用ajax实现form表单的submit事件

    需求:如题,需要在登录页面使用ajax提交请求,并在本页面返回请求信息。

    主要部分jS如下:

    //提交表单
    $("#loginForm").submit(function(){
    var email=$("#email").val();//这个只能是document对象
    var pwd=$("#pwd").val();
    if(email==""){
    changeDLGContent("邮箱不能为空!");
    openYesOrNoDLG();
    return false;
    }else if(pwd==""){
    changeDLGContent("请输入密码");
    openYesOrNoDLG();
    return false;
    }else if(email!="" && pwd!=""){
    getLogin(email,pwd);
    return false;
    }
    });

    //ajax登录验证
    function getLogin(email,pwd) {
    $.ajax({
    type: "GET",//请求类型
    url: path + "/static/login",//请求的url
    data: { name: email, pwd : pwd},//请求参数
    dataType: "json",//ajax接口(请求url)返回的数据类型
    async: false, //true异步,false同步
    success: function (data) {//data:返回数据(json对象)
    if(data==1){
    window.location.href=path+"tomodify/"+ obj.attr("billid");
    }else if(data==2){
    changeDLGContent("该账户为冻结状态,不能登录!");
    openYesOrNoDLG();
    }else{
    changeDLGContent("用户或密码错误登录失败!");
    openYesOrNoDLG();
    }
    },
    error: function (data) {//当访问时候,404,500 等非200的错误状态码
    alert("加载失败!");
    }
    });
    }
    实现效果:

    
    
  • 相关阅读:
    序列点,相关知识
    6.13 关键概念
    6.9 如何选择循环
    6.8 出口条件循环:do while
    6.7 逗号运算符
    6.6 其他赋值运算符:+=、-=、*=、/=、%=
    6.3.4 新的_Bool类型
    Oracle的表导入到PowerDesigner
    PowerDesigner连接Oracle数据库
    加了日期条件后查询结果慢了100倍
  • 原文地址:https://www.cnblogs.com/zeussbook/p/8806489.html
Copyright © 2011-2022 走看看