AjaxÊ×ÂÖʵ¼ù¾Àú
ÕâÀïҪ˵µÄûÓдóµÀÀí£¬Ã»ÓÐÔÀí£¬Ã»ÓиßÉîµÄ¼¼Êõ£¬Ã»ÓÐYY£¬Ö»ÊÇ×Ô¼ºµÄÒ»´Î¾Àú£¬ÈռǶøÒÑ¡£ÒÔ·ÀÒÔºóÍü¼ÇÁË£¬ÏÖÔÚдÏÂÀ´¿ÉÒÔ×÷Ϊ²Î¿¼¡£
ʱ¼ä£º5ÔÂÑ×ÈȵÄÒ»Ìì
µØµã£º3Â¥
ÈËÎÎÒ£¬µçÄÔ
½á¹û£ºÄ£ÄâÒ»¸öÍøÕ¾µÄ¾Ö²¿Ë¢Ð¹¦ÄÜ
ÉùÃ÷£ºÐÂÊÖ£¬¶ÔAjaxµÚÒ»´ÎʹÓÃ
¼òµ¥µÄ¹¦ÄÜ£º
ûÓÐÓÃϵͳ×Ô´øµÄ¿Ø¼þ£¬ÒòΪÊÔÁ˺ܾÃû¹ÜÓã¬ÍøÉϵÄÈ«ÊÇN¼¶Áª¶¯µÄ¾Ö²¿Ë¢Ð£¬ÎÒÕâÀïÓò»ÉÏ£¬Ö»ºÃÕÒ±ðµÄ·½·¨¡£
µÚÒ»²½£º¿ÉÒÔ´Ó±ðÈË»òÍøÉϸ㵽Ajax.dllÎļþ£¬Ìí¼Óµ½binÎļþ¼Ð£¬Ìí¼ÓÒýÓá¡
µÚ¶þ²½£º´ò¿ªcsÎļþ£¬¸ù¾Ýʵ¼ÊÇé¿ö¸ü¸Ä¡¡_Default
protected void Page_Load(object sender, EventArgs e)
{
//×¢²á¡¡Ajax
Ajax.Utility.RegisterTypeForAjax(typeof(_Default));
//¿ÉÒÔÏÔʾһÏÂʱ¼ä£¬¼ì²âÓÐûÓÐÕûҳˢÐÂ,Èç¹ûµã°´Å¥Ê±¼ä±äÁ˾ÍÊÇ
¡¡¡¡¡¡¡¡//ÕûҳˢУ¬µÃÐ޸ijÌÐò£¬Èç¹ûû±ä¾Í³É¹¦ÁË¡£
Response.Write(DateTime.Now);
}
µÚÈý²½£ºËæ±ãдһ¸öº¯Êý
//µ÷Óá¡Ajax ·½·¨
[Ajax.AjaxMethod]
public string map_jiaotong()
{
//ÄãµÄ¹¦ÄÜ´úÂë
}
µÚËIJ½£º´ò¿ªaspxǰ̨ҳ£¬Ìí¼Óform,¼¸¸ö°´Å¥£¬¼ÇµÃ¸øÐèÒª¾Ö²¿Ë¢ÐµÄdivдһ¸ö¡¡id
<body>
<form id="form1" runat="server">
<input id="btn_jiaotong" type="button" value="½»Í¨ÊàŦ" onclick="return btn_jiaotong_onclick()" />
<input id="btn_ylcy" type="button" value="ÓéÀÖ²ÍÒû" onclick="return btn_ylcy_onclick()" />
<div id="divinfo" >
<!--ÕâÀïÊÇÒªÏÔʾ½á¹ûµÄµØ·½£¬Ò²¾ÍÊÇÒª¾Ö²¿Ë¢Ðµĵط½-->
</div>
</form>
</body>
µÚÎå²½£ºÔÚ<head></head>ÖÐÌí¼Ójavascript´úÂë
<head>
<script language="javascript" type="text/javascript">
//½»Í¨ÊàŦ
function btn_jiaotong_onclick()
{
document.getElementById("divinfo").innerHTML=_Default.map_jiaotong().value;
}
//ÓéÀÖ²ÍÒû
function btn_ylcy_onclick()
{
document.getElementById("divinfo").innerHTML=_Default.map_canyinyule().value;
}
</script>
</head>
END
Èç¹ûûÓгɹ¦£¬¿ÉÄÜÊÇijЩϸ½ÚÉϵÄÎÊÌâ»òAjax.dllÎļþ
Ïà¹ØÎĵµ£º
Õª×Ô£ºhttp://www.ibm.com/developerworks/library/wa-aj-jsonp1/
AJAX Same-Origin Policy(SOP) limitation:
AJAX prevents cross-domail invokation, there are several ways to by pass this limitation.
1. write a proxy on the server side. The SOP limitation only exists only on the javascript si ......
ÎļþÃû£ºajax.js
/**
* È¡µÃµ±Ç°Ò³ÃæµÄurl
* ¿ÉÒÔÔÚµ÷ÓÃajax_queryǰÐÞ¸Ä
**/
var url = location.href.substr(0, location.href.length-location.search.length);
/**
* ¸øFunction¶ÔÏóÌí¼ÓÒ»¸öÈ¡µÃº¯ÊýÃûµÄ·½·¨
**/
Function.prototype.Name = function() {
var s = Func ......
Ajax(Asynchronous JavaScript and XML)˵µ½µ×¾ÍÊÇÒ»ÖÖä¯ÀÀÆ÷Òì²½¶ÁÈ¡·þÎñÆ÷ÉÏXMLÄÚÈݵļ¼Êõ¡£ÏÖÔڵļ¼Êõ·²ÊǸúXML³¶ÉϹØÏµ£¬ÔÙ¼ÓÉϸö¸ÅÄî×ö»Ï×Ó£¬¾ÍÏñ½ð×°ÁËÒ»Ñù£¬×§µÃ²»ÐС£ÃÅÍâ µÄÈË¿´µÃºÜÊÇÈÈÄÖ£¬ÃÅÀïµÄÈËÒ¡Ò¡Í·²»ÍâÈçÊÇ¡£XMLÄØ£¬¿çƽ̨µÄг±ÓïÑÔ£¿ÆäʵXML£½TXT¡£
XMLÖ»ÊÇ·ûºÏºÜ¶à¹æ·¶µÄÎı¾¡£Ëü±¾Éíʲô¶¼²»ÊÇ£¬Ö ......
½áÂÛ£º
jquery 1.3.2 ajax¶Ô±àÂëÎÊÌâ½øÐйý²¿·Ö(¼ûºóÃæ²¹³ä1 )´¦Àí£¬½â¾ö·½°¸ÒÔjspΪÀý×Ó£º
ajaxÌá½»Êý¾Ý¸øjsp£ºajaxËùÔÚÒ³ÃæÎÞÈκÎÒªÇó£¬jspÒ³ÃæÐè×÷Á½·½Ãæ´¦Àí¡£
1.<%@page contentType="application/json" pageEncoding="UTF-8"%>»ò<%@page contentType="application/json" pageEncoding ......
²ÎÊýÃû
ÀàÐÍ
ÃèÊö
url
String
(ĬÈÏ: µ±Ç°Ò³µØÖ·) ·¢ËÍÇëÇóµÄµØÖ·¡£
type
String
(ĬÈÏ: "GET") ÇëÇó·½Ê½ ("POST" »ò "GET")£¬ ĬÈÏΪ "GET"¡£×¢Ò⣺ÆäËü HTTP ÇëÇó·½·¨£¬Èç PUT ºÍ Delete Ò²¿ÉÒÔʹÓ㬵«½ö²¿·Öä¯ÀÀÆ÷Ö§³Ö¡£
timeout
N ......