Jquery的AJAX使用过程中的体会
<mce:script type="text/javascript"><!--
function login(){
var postURL = "http://localhost:8080/cas/simpleLogin";
var params = {
"loginUrl":$("#loginUrl").val(),
"service":$("#service").val(),
"login":$("#login").val(),
"username":$("#username").val(),
"password":$("#password").val(),
"submit":$("#submit").val()
};
$.ajax({
type: "POST",
url: postURL,
dataType: "html",
data: params,
timeout: 20000,
error: function() {
alert("Error");
},
success: function(text) {
if(text=="error"){
alert("loginFailed!!!");
}else if(text=="success"){
alert("loginSuccess!!!");
}else{
}
}
});
}
// --></mce:script>
上述这段代码是Jquery 在页面使用Ajax的事例，POSTURL是ajax请求的地址，而success 和error 对应的function为回调函数（success error 代表返回数据的类型当返回数据的类型不是定义的就执行error那个回调函数否则执行success那个函数），一般来说我们通常是在POSTURL中写入某个action从而发出请求，后台的action会返回一些对象如json，这使得我对Ajax的理解局限于认识ajax只能请求一个action然后通过该action返回给我值，即普通模式的请求。
通过开发系统的时候由于要整合CAS所以我的action不是同一个appliction的url 而是另一个CASServer Application 的url 通过实验了解到postURL可以写成http://localhost:8080/cas/simpleLogin 而通过把请求发到这个flow 得到返回值。其中返回值是一个页面。由于CASServer是基于spring MVC 写的，不能定义她的返回类型，因此只能返回
相关文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax弹出示例-可� ......
jquery中已经封装了ajax的过程，使用起来很简单：
通过get方式提交：
<html>
<head>
<title>实现服务器时间实时变化</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.3.1.js"></script>
& ......
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="提交"/>
<script type="text/javascript">
function test(){
var valid = {
& ......
AJAX表单提交方法（JSON）
1./*****JAVA**************************************************************/
JAVA类中：
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xml文件中：
......
1 . jQuery帮助之Ajax请求（一）jQuery.ajax(options)
引自:http://www.flywe.net/article/javascript/jQuery_ajax.html
jQuery.ajax(options)
通过 HTTP 请求加载远程数据。
......
