jquery ajax无刷新请求Struts2验证用户名密码数据库是否存在

通过ajax请求验证后台数据是否存在.

首先导入struts2的核心包。

后台Action代码

import com.opensymphony.xwork2.ActionSupport;public class CodeCheckAction extends ActionSupport {/*** */private static final long serialVersionUID = 1L;private String code;private String result;public String execute() throws Exception {System.out.println("code的值为"+code);String msg = "F";if("abc".equals(code)){msg = "T";}result="{\"retCode\":\""+msg+"\"}";return SUCCESS;}public String getCode() {return code;}public void setCode(String code) {this.code = code;}public String getResult() {return result;}public void setResult(String result) {this.result = result;}}

struts.xml代码

<action name="userAction" class="action.UserAction"><result name="index">/index.jsp</result></action>

然后jsp js代码

$(function(){$("#btn").click(function(i,e){var code_input = $("#code");var code = code_input.val()+"";$.getJSON("test?code="+code,function(root,error){var retcode = $.parseJSON(root);if(retcode.retCode != "T"){//code_input.val("");document.getElementById("msg").innerHTML="<font color='red'>不可用</font>";}else{document.getElementById("msg").innerHTML="<font color='green'>可用</font>";}});});});

body代码

<form id="form"><input id="code" name="code" type="text" /><span id="msg"></span><br/><button id="btn" type="button">测试</button></form>

然后运行

输入一个错误的，前台显示

后台控制台接收数据

现在输入一个正确的code,前台显示

后台接收数据

jquery ajax无刷新请求Struts2验证用户名密码数据库是否存在相关推荐

JQUERY AJAX无刷新异步上传文件
AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery For ...
php flash 图片上传,php+jquery+ajax无刷新图片上传裁切，模拟flash头像上传实例
这几天自己在写一个cms.之前在用到图片上传裁切的时候总是用的flash的,或者是swfupload之类的.用的还不熟练,所以今天就用ajax做一个图片上传裁切的实例.个人感觉还不错,现在就分享出来. ...
PHP jQuery Ajax 无刷新表单提交实例
采用 PHP 为后台,前端使用强大的 jQuery 库,可以很快写一个无刷新的表单实例. 整个过程分为两部分,一部分是 HTML 和 JS 文件,另一部分是 PHP 代码,返回服务器的响应. HTML ...
php jquery ajax裁剪图照片,php+jquery+ajax无刷新图片上传裁切，模拟flash头像上传实例...
这几天自己在写一个cms.之前在用到图片上传裁切的时候总是用的flash的,或者是swfupload之类的.用的还不熟练,所以今天就用ajax做一个图片上传裁切的实例.个人感觉还不错,现在就分享出来. ...
jquery+ajax无刷新翻页
前台自定义通用分页jquery插件 (一)框架:用jquery+ajax+struts1实现自动创建行和列持久层用的是abatis.数据库用的是MySQL. ( ...
ThinkPHP+JQuery实现ajax无刷新登录验证（详解+相关问题）
ThinkPHP+JQuery实现ajax无刷新登录验证摘要: 使用原生javascript进行ajax实现无刷新更改页面内容的复杂性尽人皆知,而jquery对ajax传递进行了封装和优化,因此通过 ...
ajax无刷新留言板远吗,基于jquery实现ajax无刷新评论
基于jquery实现ajax无刷新评论发布于 2017-03-31 11:26:07 | 75 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框架jQuery是一个 ...
ajax和php二级联动,jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图]
jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图] 08-15栏目:技术 TAG:zxfy zxfy 用jQuery的ajax方法,结合PHP,轻松实现省市级的二级联动: h ...
JQuery 总结（8）Ajax 无刷新技术
Ajax 无刷新技术 [ 有get 和post 一一对应] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(".delete& ...

jquery ajax无刷新请求Struts2验证用户名密码数据库是否存在

jquery ajax无刷新请求Struts2验证用户名密码数据库是否存在相关推荐

最新文章

热门文章