Struts2 Jquery Json 实现AJax表单验证
弄了一整天了,刚开始学习Jquery,很多东西还不熟,看看视频,查查资料,终于成功的集成Struts2+Jquery+Json
直接上图:用户名输入xxx,焦点丢失,提示”用户已存在“,否则提示“可以注册“,密码同样如此,
首先需要导包:如下除了struts2必须的包外,还有json包以及涉及的commons的几个包.
此外要下载Jquery的js文件,然后部署到下图位置,当然位置可以任意,
之后就开始我们的ajax之路吧
1.首先是index源代码:其中涉及Jquery的语法,自己去查api
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#login {
width:410px;
margin:auto auto;
margin-top:71px;
background-color:gray;
}
#name {
font-size:14px;
color:red;
}
#pass{
font-size:14px;
color:red;
}
</style>
<script type="text/javascript" src="Jquery/jquery-1.4.2.js"
mce_src="Jquery/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready( function() {
//使用 Ajax 的方式 判断登录
$("#userName").blur( function() {
&nb
相关文档:
JSON插件提供了一种名为json的ResultType,一旦为某个Action指定了一个类型为json的Result,则该Result无需映射到任何视图资源。因为JSON插件会负责将Action里的状态信息序列化成JSON格式的数据,并将该数据返回给客户端页面的JavaScript。
简单地说,JSON插件允许我们在JavaScript中异步调用Action,而且Action不再需 ......
在Ajax url传参时出现中文乱码的情况
例1: xmlHttp.open("GET","Engine.aspx?Action=getmainsort&Type=2&Parent="+escape("中文")+"&Stochastic=" + Math.random(),true);
但是这个只能普通的<a href=''.有效果。如果是ajax传值的话还是不行的...有人提出:要 ......
Ajax传参乱码 Ajax中文乱码 解决
在Ajax url传参时出现中文乱码的情况,解决方法:
例1: xmlHttp.open("GET","Engine.aspx?Action=getmainsort&Type= ......
Client端
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="javascript">
var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");
function sendAJAX()
{
&nb ......
Ajax表单提交数据出现乱码和解决办法
//要传递的参数
var queryString = "firstName=" + firstName + "&lastName=" + lastName
&nbs ......