jQuery Ajax »Ø¹Ë
ÔÚ±¾½ÚÎÒ×¼±¸Ö»Ð´ÉϹØÓÚAjaxµÄ˵Ã÷£¬¶àÊýÀ´×ÔjQueryµÄ°ïÖúÎĵµ£¬ËùÒÔ²»Òª·ÅÔÚÊ×Ò³¡£ÒòΪÎÒ¾õµÃÊ×Ò³Ó¦¸ÃÊÇÒª»¨·ÑÁËʱ¼äºÍÐÄ˼µÄ×÷Æ·¡£´úÂëÑÝʾºÍjQuery Ajax һЩÐµģ¬½«ÔÚÏÂÒ»´ÎÓпÕʱ½²Êö£¬ÕâÀï¾Í²»½²ÁË¡£Ê±¼äÒѾ0³¿ÁË¡£Èç¹ûÄã¾ÙµÃÓÐʲôjQueryµÄÒÉÎÊ»òÕß¾õµÃAjax¸Ã½²ÊöÄÇЩÄÚÈݵͼ¿ÉÒÔ¸úÎÒÁôÑÔ£¬Ö»ÒªÎÒÓÐʱ¼äºÍÄÜÁ¦£¬ÎÒ¾ÍÒ»¶¨»á¾¡Á¦Âú×ã´ó¼Ò¡£ 1. load( url, [data], [callback] ) ÔØÈëÔ¶³Ì HTML Îļþ´úÂë²¢²åÈëÖÁ DOM ÖС£ ĬÈÏʹÓà GET ·½Ê½ - ´«µÝ¸½¼Ó²ÎÊýʱ×Ô¶¯×ª»»Îª POST ·½Ê½¡£jQuery 1.2 ÖУ¬¿ÉÒÔÖ¸¶¨Ñ¡Ôñ·û£¬À´É¸Ñ¡ÔØÈëµÄ HTML Îĵµ£¬DOM Öн«½ö²åÈëɸѡ³öµÄ HTML ´úÂë¡£Óï·¨ÐÎÈç "url #some > selector"¡£ ²ÎÊý£º url (String) : ÇëÇóµÄHTMLÒ³µÄURLµØÖ·¡£ data (Map) : ·¢ËÍÖÁ·þÎñÆ÷µÄ key/value Êý¾Ý¡£ callback (Callback) : ÇëÇóÍê³Éʱ(²»ÐèÒªÊÇsuccessµÄ)µÄ»Øµ÷º¯Êý¡£ ·½·¨Ä¬ÈÏ GET ·½Ê½À´´«µÝµÄ£¬ÓвÎÊý´«µÝÊý¾Ý½ø¾Í»á×Ô¶¯×ª»»ÎªPOST·½Ê½µÄ¡£Õâ¸ö·½·¨¿ÉÒԺܷ½±ãµÄ¶¯Ì¬¼ÓÔØÒ»Ð©HTMLÎļþ¡£ CODE $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 2. jQuery.get( url, [data], [callback] £© ͨ¹ýÔ¶³Ì HTTP GET ÇëÇóÔØÈëÐÅÏ¢¡£ ÕâÊÇÒ»¸ö¼òµ¥µÄ GET ÇëÇó¹¦ÄÜÒÔÈ¡´ú¸´ÔÓ $.ajax ¡£ÇëÇó³É¹¦Ê±¿Éµ÷Óûص÷º¯Êý¡£Èç¹ûÐèÒªÔÚ³ö´íʱִÐк¯Êý£¬ÇëʹÓà $.ajax¡£ url (String) : ·¢ËÍÇëÇóµÄURLµØÖ·. data (Map) : Òª·¢Ë͸ø·þÎñÆ÷µÄÊý¾Ý£¬ÒÔ Key/value µÄ¼üÖµ¶ÔÐÎʽ±íʾ£¬»á×öΪQueryString¸½¼Óµ½ÇëÇóURLÖС£ callback (Function) : ÔØÈë³É¹¦Ê±»Øµ÷º¯Êý¡£ CODE $.get("test.cgi", { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); }); 3.jQery.post ( url, [data], [callback], [type] ) ͨ¹ýÔ¶³Ì HTTP POST ÇëÇóÔØÈëÐÅÏ¢¡£ ÕâÊÇÒ»¸ö¼òµ¥µÄ POST ÇëÇó¹¦ÄÜÒÔÈ¡´ú¸´ÔÓ $.ajax ¡£ÇëÇó³É¹¦Ê±¿Éµ÷Óûص÷º¯Êý¡£Èç¹ûÐèÒªÔÚ³ö´íʱִÐк¯Êý£¬ÇëʹÓà $.ajax¡£ url (String) : ·¢ËÍÇëÇóµÄURLµØÖ·. data (Map) : Òª·¢Ë͸ø·þÎñÆ÷µÄÊý¾Ý£¬ÒÔ Key/value µÄ¼üÖµ¶ÔÐÎʽ±íʾ¡£ callback (Function) : ÔØÈë³É¹¦Ê±»Øµ÷º¯Êý(Ö»Óе±ResponseµÄ·µ»Ø×´Ì¬ÊÇsuccess²ÅÊǵ÷Óø÷½·¨)¡£ type (String) : ¿Í»§¶ËÇëÇóµÄÀàÐÍ(JSON,XML,Script,Text
Ïà¹ØÎĵµ£º
Ó¦ÏîÄ¿ÐèÇ󣬲âÊÔÁËÏÂ×Ô¶¯·¢ËÍÓʼþµÄ¹¦ÄÜ£¬ÒÔʵÏÖ£¬ÏÂÃæ·Ö±ð½éÉÜǰ̨µÄAjaxºÍºǫ́c#
ǰ̨£º
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SendEmail.aspx.cs" Inherits="SendEmail" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- ......
ÒÔºó˵Ã÷¾ÍдÔÚÕâÀïÁË,¸Ã¿Ø¼þÖ»µ±ÊÇÁ·ÊÖ ÎÒ°Ñ˵Ã÷Ò»Æð´ò°üÁË ²»¹ý»¹ÊÇÔÚÕâÀï¶øÔÚÌù³öÀ´ ÎÒÓпյÄʱºò¾Í»áÀ©Õ¹ÆäËû¹¦ÄÜÁË
¸ßÊ־ͿÉÒÔÆ®¹ýÁË... ÿ´Î¸üÐÂÎÒ¶¼»á°ÑÔÀ´µÄ¿Ø¼þÒ»Æð´ò°ü Îļþ¿ÉÄÜÔ½À´Ô½´ó,ºÇºÇ »¶Ó½»Á÷
Ax¿Ø¼þÓÃÓÚajaxÇëÇó
Ö§³Öä¯ÀÀÆ÷ »ðºü IE µÈ...
¿Ø¼þ²ÎÊý
_Async ÊÇ·ñͬ²½ trueΪÒì²½ fals ......
ÔÀ´ÓÃjQueryµÄajax·½Ê½µ÷ÓÃasp.netÒ³Ãæ»ù±¾¶¼Êǵ÷Óõ¥¸öÒ³Ãæ£¬Óɵ÷ÓÃÒ³ÃæResponseÄÚÈÝ£¬¶øÏÖÔÚ²ÉÓÃasp.net ajaxºó£¬ÎÒÃÇÔò¿ÉÒÔ¸üÍêÃÀµÄʹÓÃjQueryºÍasp.net½áºÏÁË£¬´úÂëÈçÏ£º
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......
Ajax
Ö÷
Òª×é³É²¿·Ö
Ajax
ÊÇ
Asynchronous JavaScript and XML
£¨ÒÔ
¼°
DHTML
µÈ£©µÄËõд¡£
Ajax
ÓÉ
HTML
¡¢
JavaScript™
¼¼Êõ¡¢
DHTML
ºÍ
DOM
×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ
Web
½çÃæ×ª»¯³É½»»¥ÐÔµÄ
Ajax
Ó¦ÓóÌÐò¡£
AjaxµÄºËÐÄÊÇJavaScript¶ÔÏó XmlHttpRequest¡£¸Ã¶ÔÏóÔ ......
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Inte ......