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ÖÐдÈëij¸ö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µ¯³öʾÀý-¿É¿ ......
<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
--></mce:style><style type="t ......
jqueryͨ¹ýpost´«µÝÊý¾Ýµ½·þÎñÆ÷£¨²»Ê¹Óòå¼þ£©£º
<html>
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script language="ja ......
Èç¹ûAJAX¼ÓÔØµÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......
½ñÌì¸ãÁËÎÒÈýËĸöСʱµÄÎÊÌ⣬ÖÕÓÚÕÒµ½½â¾ö·½°¸ÁË¡£¹þ¹þ¡£
ÔÚAjax¿ª·¢ÖУ¬»áÓöµ½ä¯ÀÀÆ÷»º´æÄÚÈݵÄÎÊÌ⣬±ÈÈ磬ij¸öÔªËØ×¢²áÁËÊó±êʼþ£¨onmouseover£©£¬Ê¼þ´¥·¢ºó»áͨ¹ýxmlhttprequestµ½·þÎñÆ÷»ñÈ¡ÄÚÈÝ£¬ÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏ£¬ä¯ÀÀÆ÷»á»º´æµÚÒ»´ÎÇëÇóµÄÄÚÈÝ£¬·þÎñ¶Ë¸üкóä¯ÀÀÆ÷ÈÔÈ»ÏÔʾµÚÒ»´ÎµÄÄÚÈÝ¡£
ͨ³££¬ÕâÖÖÇëÇó¶ ......