使用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("加载失败!");
}
});
}
实现效果:

使用ajax实现form表单的submit事件的更多相关文章
- ajax提交form表单
		
1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...
 - ajax提交form表单资料详细汇总
		
一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...
 - jquery实现ajax提交form表单的方法总结
		
本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一: function AddHandlingFeeToRefund( ...
 - jquery的ajax提交form表单方式总结
		
方法一: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderServic ...
 - Ajax提交Form表单的一种方法
		
待提交的表单 <form id="updatePublicKey" enctype="multipart/form-data"> <div c ...
 - Ajax提交form表单内容和文件(jQuery.form.js)
		
jQuery官网是这样介绍form.js A simple way to AJAX-ify any form on your page; with file upload and progress s ...
 - 使用ajax提交form表单,包括ajax文件上传  转http://www.cnblogs.com/zhuxiaojie/p/4783939.html
		
使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },&qu ...
 - jquery实现ajax提交form表单的方法总结(转)
		
方法一: 复制代码 代码如下: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement ...
 - AJAX 实现form表单提交
		
1.使用Ajax实现异步操作,点击登录按钮后,即触发form表单的提交事件,数据传输至后端 JSP: <script type="text/javascript" src=& ...
 
随机推荐
- 实战框架ABP
			
abp及实战框架概述 接触abp也快一年了,有过大半年的abp项目开发经验,目前项目中所用的abp框架版本为0.10.3,最新的abp框架已经到了1.4,并且支持了asp.net core.关于abp ...
 - opencv学习笔记(一)
			
摘要:最近要做一个和图像处理有联系的项目,从此走上了学习opencv的道路. 灰度图:2维矩阵 彩色图:3维矩阵 ps:目前大部分设备都是用无符号 8 位整数(类型为 CV_8U)表示像素亮度 Mat ...
 - Navicat连接mysql备份数据库提示:1577 – Cannot proceed because system tables used by Event Scheduler where found damaged at server start
			
解决办法,可以参考试试: http://www.cnblogs.com/huangcong/p/3389010.html http://blog.csdn.net/phpfenghuo/article ...
 - node的router路由。
			
使用router可以实现一个小型的express. router继承了大部分的app = express()的方法. 使用router可以工程化管理项目.router使用以后app只能在最开始去存在. ...
 - array与List之间相互转化
			
#!/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2018/5/28 16:05 # @Author : zhang chao # @Fi ...
 - LinkedList 实现 Queue
			
package cn.com.example; import java.util.LinkedList; /** * Created by Jack on 2017/3/8. */ public cl ...
 - Ubuntu 18.10 版本发布
			
Ubuntu 是一个基于 Debian 的以桌面为主的 Linux 发行版,以其应用性而闻名.Ubuntu 提供三种官方版本:用于个人计算机的 Ubuntu 桌面,用于服务器和云的 Ubuntu 服务 ...
 - BZOJ1041 HAOI2008圆上的整点(数论)
			
求x2+y2=r2的整数解个数,显然要化化式子.考虑求正整数解. y2=r2-x2→y2=(r-x)(r+x)→(r-x)(r+x)为完全平方数→(r-x)(r+x)/d2为完全平方数,d=gcd(r ...
 - GO系列教程
			
1.介绍与安装 2.Hello World 3.变量 4. 类型 5.常量 6.函数(Function) 7.包 8.if-else 语句 9.循环 10.switch语句 11.数组和切片 12.可 ...
 - MT【60】几个不常见的函数图像
			
此讲部分内容属于课外阅读拓展,学有余力的可以看看. [We need to know, and we will know.]----大卫·希尔伯特(1862-1943) $y=sin\frac{1}{ ...