jQuery AjaxÌá½»Ò³ÃæÊý¾Ý
jQuery µ×²ã AJAX ʵÏÖ¡£¼òµ¥Ò×Óõĸ߲ãʵÏÖ¼û $.get, $.post µÈ¡£$.ajax() ·µ»ØÆä´´½¨µÄ XMLHttpRequest ¶ÔÏó¡£´ó¶àÊýÇé¿öÏÂÄãÎÞÐèÖ±½Ó²Ù×÷¸Ã¶ÔÏ󣬵«ÌØÊâÇé¿öÏ¿ÉÓÃÓÚÊÖ¶¯ÖÕÖ¹ÇëÇó¡£
×¢Ò⣺ Èç¹ûÄãÖ¸¶¨ÁË dataType Ñ¡ÏÇëÈ·±£·þÎñÆ÷·µ»ØÕýÈ·µÄ MIME ÐÅÏ¢£¬(Èç xml ·µ»Ø "text/xml")¡£´íÎóµÄ MIME ÀàÐÍ¿ÉÄܵ¼Ö²»¿ÉÔ¤ÖªµÄ´íÎó¡£
Ìá½»Ò³ÃæÊý¾Ý£º
//½«Ò³ÃæµÄenterNameµÄÖµÌá½»¸øvideoAddAfter£¬³É¹¦ºó·µ»ØvideoManage
var enterName = document.getElementById("enterName");
$.ajax({
type:'POST',
url:'videoAddAfter.do',
data:{enterName:enterName.value},
success:function(msg){
if(msg=="success"){
alert("Ìí¼Ó³É¹¦");
window.location.href='videoManage.do';
}else{
alert(msg);
}
}
});
ÆäÖÐmsg==“success”ÖГµÄsuccess”ÊÇ´ÓvideoAddAfterµÄout.print("success");
Ïà¹ØÎĵµ£º
»ìãç³õ¿ª£¬Ò»Çж¼ÄÇô¼òµ¥¡£ÎªÁËÁ¬½ÓÃÀ¹úµÄÉÙÊý¼¸¸ö¶¥¼âÑо¿»ú¹¹£¬ÈËÃÇÉè¼ÆÁË×îÔçµÄ“Internet”£¬ÒԱ㹲ͬ¿ªÕ¹¿ÆÑ§Ñо¿¡£²»ÂÛÊÇͼÊé¹ÝÔ±¡¢ºËÎïÀíѧ¼Ò£¬»¹ÊǼÆËã»ú¿ÆÑ§¼Ò£¬¶¼±ØÐëѧϰһ¸öÏ൱¸´ÔÓµÄϵͳ¡£1962Ä꣬ÂéÊ¡Àí¹¤Ñ§Ôº£¨MIT£©µÄJ.C.R. Licklider×îÔçÌá³öËûµÄ“Galactic Network”£¨³¬´óÍøÂç£©Ë ......
Ò».ÕªÒª
±¾ÏµÁÐÎÄÕ½«´øÄú½øÈëjQueryµÄ¾«²ÊÊÀ½ç, ÆäÖÐÓкܶà×÷Õß¾ßÌåµÄʹÓþÑéºÍ½â¾ö·½°¸,
¼´Ê¹Äã»áʹÓÃjQueryÒ²ÄÜÔÚÔĶÁÖз¢ÏÖЩÐíÃØ¼®.
±¾ÆªÎÄÕ½²½âÈçºÎʹÓÃjQuery·½±ã¿ì½ÝµÄʵÏÖAjax¹¦ÄÜ.ͳһËùÓпª·¢ÈËÔ±
ʹÓÃAjaxµÄ·½Ê½.
¶þ.ǰÑÔ
AjaxÈÃÓû§Ò³Ãæ·á¸»ÆðÀ´, ÔöÇ¿ÁËÓû§ÌåÑé.
ʹÓÃAjaxÊÇËùÓÐWeb¿ª·¢µÄ±Ø ......
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//ÐòÁл¯±íµ¥µÄÖµ
$.ajax
(
{
url:
'ajax_json.php'
,
//ºǫ́´¦ ......
ÔÚ¹¹ÔìurlÊÇÓÃjavascript×Ô´øµÄencodeURIComponent·½·¨½«²ÎÊý½øÐбàÂ룬ÏÂÃæÊÇÎҵĴúÂë
var url = "handel.jsp?name="+encodeURIComponent(document.form1.name.value);
httpRequest = createHttpRequest();
httpReque ......
ÈçºÎÔÚ¿Í»§¶ËÖ±½Óµ÷ÓÃWebServiceÖеķ½·¨£¿
ÕâÀï½áºÏ¾Ñé×Ô¼ºÐ´Ò»Ð´
1.Ê×ÏÈн¨Ò»¸ö ASP.NET AJAX-Enabled Web Site,ÕâÑùϵͳΪÎÒÃÇ×Ô¶¯ÅäÖúÃÁË»·¾³£¬ÕâÖ÷ÒªÌåÏÖÔÚWeb.configÕâ¸öÎļþÉÏ£¬Èç¹ûÒÑÓÐÍøÕ¾²»ÊÇASP.NET AJAX-Enabled Web SiteÒ²¿ÉÒÔ¶ÔÕÕÐÞ¸ÄÏÂWeb.config£¬Ò²¿ÉÒÔ´ïµ½ÏàͬµÄЧ¹û¡£
2.н¨Ò»¸öweb·þÎñ£¬WebSer ......