jQuery使用$.ajax提交表单完整实例【jquery】

web前端|js教程

jQuery,$.ajax,提交表单,ajax提交表单

web前端-js教程

学生信息管理系统源码下载,vscode调试方法使用,ubuntu 进入分区,tomcat脚本目录,sqlite3 小数型,discuz广告插件,pc小程序跨平台前端框架,爬虫如何获取下拉数据,php phpunit,海城seo优化软件,手机网站地图代码,如何把网页做成模板,橙色下载站织梦模板整站源码lzw

首先，新建Login.html页面：

j2me 源码,vscode可以写c项目吗,ubuntu扩展硬盘,netty和tomcat对比,sqlite 拼接字段,动态网页设计 医疗系统 开发日志,ios邮件发件服务器,postview插件,极速前端框架,爬虫的检测,php超时设置,深圳最好的seo外包,springboot部署版,手工企业网站模板,个人工作室网页,网页模板国外,破解网站后台密码,html css静态页面,办公管理系统简介,java程序当当网购书系统怎么运行lzw

body { font-size: 13px; } .divFrame { width: 225px; border: solid 1px #666; } .divFrame .divTitle { padding: 5px; background-color: #eee; height: 23px; } .divFrame .divTitle span { float: left; padding: 2px; padding-top: 5px; } .divFrame .divContent { padding: 8px; text-align: center; } .divFrame .divContent .clsShow { font-size: 14px; line-height: 2.0em; } .divFrame .divContent .clsShow .clsError { font-size: 13px; border: solid 1px #cc3300; padding: 2px; display: none; margin-bottom: 5px; background-color: #ffe0a3; } .txt { border: #666 1px solid; padding: 2px; width: 150px; margin-right: 3px; } .btn { border: #666 1px solid; padding: 2px; width: 50px; } $(function () { $("#txtName").focus();//输入焦点 $("#txtName").keydown(function (event) { if (event.which == "13") {//回车键,移动光标到密码框$("#txtPass").focus(); } }); $("#txtPass").keydown(function (event) { if (event.which == "13") {//回车键，用.ajax提交表单$("#btnLogin").trigger("click"); } }); $("#btnLogin").click(function () { //“登录”按钮单击事件 //获取用户名称 var strTxtName = encodeURI($("#txtName").val()); //获取输入密码 var strTxtPass = encodeURI($("#txtPass").val()); //开始发送数据 $.ajax ({ //请求登录处理页url: "Login.aspx", //登录处理页dataType: "html",//传送请求数据data: { txtName: strTxtName, txtPass: strTxtPass },success: function (strValue) { //登录成功后返回的数据//根据返回值进行状态显示if (strValue == "True") {//注意是True,不是true $(".clsShow").html("操作提示，登录成功！" + strValue);}else { $("#divError").show().html("用户名或密码错误！" + strValue);}} }) }) })

用户登录

名称：

密码：

&nbsp

然后，新建Login.aspx，接收并处理数据：

qq靓号网站源码,vscode字体斜体,手机ubuntu声音,苹果idea tomcat,sqlite dll 函数,虚拟服务器免费空间,超级活动插件,前端框架vue的好处,动态页面 爬虫,万能的php,百度seo百度,游戏私服源码网站,uur网页界面集成框架,网站侧边栏模板,jquery移除页面元素,jsp的管理系统,直播开源程序下载官网lzw