AJAX (XHR)Òì²½ÇëÇóµÄһЩÈÏʶ
function sendAsynchronRequest(url,parameter,callback){
createXMLHttpRequest();
if(parameter == null){
xmlHttp.onreadystatechange = callback;
xmlHttp.open("GET",url,true);//µ±GETÇëÇóʱ£¬ÔÚµØÖ·À¸ÖÐÊÇ´ø²ÎÊýµÄ£¬¶ø²ÎÊýΪNULL£¬ËùÒÔÓÃgetÇëÇó£¬send(null)
xmlHttp.send(null);
}else{
xmlHttp.onreadystatechange = callback;
xmlHttp.open("POST",url,true);//get
xmlHttp.setRequestHeader(
"Content-Type","application/x-www-form-urlencoded;");
xmlHttp.send(parameter);//µ±POSTÇëÇóʱ£¬ÔÚµØÖ·À¸ÖÐÊÇwu²ÎÊýµÄ£¬¶ø²ÎÊý !=NULL£¬ËùÒÔÓÃÉèÖÃΪPOSTÇëÇó£¬send(parameter)
}
}
Ïà¹ØÎĵµ£º
jqueryÖÐÒѾ·â×°ÁËajaxµÄ¹ý³Ì£¬Ê¹ÓÃÆðÀ´ºÜ¼òµ¥£º
ͨ¹ýget·½Ê½Ìá½»£º
<html>
<head>
<title>ʵÏÖ·þÎñÆ÷ʱ¼äʵʱ±ä»¯</title>
<script language="javascript" type="text/javascript" src="js/jquery-1.3.1.js"></script>
& ......
Èç¹ûAJAX¼ÓÔØµÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......
1 . jQuery°ïÖúÖ®AjaxÇëÇó£¨Ò»£©jQuery.ajax(options)
Òý×Ô:http://www.flywe.net/article/javascript/jQuery_ajax.html
jQuery.ajax(options)
ͨ¹ý HTTP ÇëÇó¼ÓÔØÔ¶³ÌÊý¾Ý¡£
......
<mce:script type="text/javascript"><!--
function login(){
var postURL = "http://localhost:8080/cas/simpleLogin";
var params = {
"loginUrl":$("#loginUrl").val(),
"service":$("#service").val(),
"login":$( ......