html文件:
1 <input class="form-control" id="username" name="username" type="text"/>
2 <input class="form-control" id="password" name="password" type="password"/>
3
4 <button type="button" onclick="loginSubmit()">立即登录</button>
----------------------------------------------------------------------------------
jquery代码:
function loginSubmit() {
var username = $("#username").val(); // 获取id为username的<input>框数据
var password = $("#password").val(); // 获取id为password的<input>框数据
// 判断
if (username.length == 0) {
$("#username").tips({msg: "请输入用户名。"});
return;
}
if (password.length == 0) {
$("#password").tips({msg: "请输入密码。"});
return;
}
// Ajax提交数据
$.ajax({
url: "admin/check_login", // 提交到controller的url路径
type: "post", // 提交方式
data: {"username": username, "password": password}, // data为String类型,必须为 Key/Value 格式。
dataType: "json", // 服务器端返回的数据类型
success: function (data) { // 请求成功后的回调函数,其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据,然后通过data这个参数取JSON数据中的值
if (data.message == "success") {
//跳转到系统首页
......
} else {
......
}
},
});
}
分享到:
相关推荐
Ajax提交数据更新服务器内容
这是一个JavaWeb中form、ajax提交数据Model转化工具类,可以用来取代Spring的默认数据绑定、JFinal中的getModel方法。原理博客:http://blog.csdn.net/jflex/article/details/46883037
利用jquery的ajax提交表单数据到后台。后台使用spring.
ajax 提交数据到后台jsp页面及页面跳转问题 我logincheck.jsp页面取传参数代码: String user=request.getParameter("user1"); String pwd=request.getParameter("pwd1"); login.jsp input 取2参数何用ajax 传给...
html表单a标签,input标签等几种请求ajax提交数据给后台小结
NULL 博文链接:https://qjoycn.iteye.com/blog/1513669
AJAX学习,可以看到无刷新评论. AJAX是面试都会直接让你手写AJAX的,该程序就是纯手写简单AJAX.
在网上看了很久,发现数据的利用ajax提交数据到后台其实很简单,但是很多讲解的并不清楚,对于初学者来说,很多真的是看着有点糊涂,拿来直接用,又想去了解怎么回事,其实利用ajax提交数据到后台是非常的简单的。...
文章对使用Ajax、JSP(J2EE)、JavaScript、CSS和XML标记的混合运用进行归纳总结,得出一个典型的Ajax提交数据过程,主要内容包括“HttpRe—quest后台通道”、“替换函数”和“参数合成”等处理过程
主要介绍了AJAX提交表单数据的方法,实例分析了Ajax调用的原理与实现技巧,需要的朋友可以参考下
使用Ajax提交数据更新服务器内容 异步获取天气预报数据的实例 使用Ajax读取XML类型数据 使用Ajax返回字符串数据
本文主要分享了PHP登录(ajax提交数据和后台校验)的实例代码,具有一定的参考价值,下面跟着小编一起来看下吧
提交表单时,使用AJAX实现局部刷新,就不用每次都重新提交整个页面,效率大大提高了。
Asp.net Ajax组件应用,数据显示控件Ajax GridView应用
Ajax将数据发送到后台进行局部刷新操作,将前台数据用js脚本发送给后台,后台处理后返回结果
php+ajax实现无刷新动态加载数据技术php采用ajax数据提交post与post常见方法总结php+ajax+jquery实现点击加载更多内容ajax调用返回php接口返回json...导出思路以及源码ajax提交数据到后台php接收(实现方法)php+ajax 实现
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的...一、不带文件的ajax提交数据: html:form表单 <form id="addForm" action="${pageContext.reques
AJAX小程序,很实用,可以做成播放器类型的