jQuery Ajax ʵÀýÑÝʾ
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
var params=$('input').serialize(); //ÐòÁл¯±íµ¥µÄÖµ
$.ajax({
url:'ajax_json.php', //ºǫ́´¦Àí³ÌÐò
type:'post', //Êý¾Ý·¢ËÍ·½Ê½
dataType:'json', //½ÓÊÜÊý¾Ý¸ñʽ
data:params, //Òª´«µÝµÄÊý¾Ý
success:update_page //»Ø´«º¯Êý(ÕâÀïÊǺ¯ÊýÃû)
});
});
//$.post()·½Ê½£º
$('#test_post').click(function (){
$.post(
'ajax_json.php',
{
username:$('#input1').val(),
age:$('#input2').val(),
sex:$('#input3').val(),
job:$('#input4').val()
},
function (data) //»Ø´«º¯Êý
{
var myjson='';
eval('myjson=' + data + ';');
$('#result').html("ÐÕÃû:" + myjson.username + "<br/>¹¤×÷:" + myjson['job']);
}
);
});
//$.get()·½Ê½£º
$('#test_get').click(function ()
{
$.get(
'ajax_json.php',
Ïà¹ØÎĵµ£º
¡¡¡¡µ½´ËΪֹ£¬Äã¿ÉÄÜÒѾעÒâµ½£¬Ê¹ÓÃAjax±à³ÌʱÓкܶàÂ鷳ʡ£Èç¹ûÄãÒªÖ§³Ö¶à¸öä¯ÀÀÆ÷£¨ÏÖÔÚ»¹ÓÐËÖ»Ö§³ÖÒ»¸öä¯ÀÀÆ÷ÄØ£¿£©£¬ÎÞÒÉ»áÔâÓö²»¼æÈÝÎÊÌâ¡£µ¥¿´Ò»¸ö¼òµ¥µÄ¶¯×÷£¬±ÈÈç˵´´½¨XMLHttpRequest¶ÔÏóµÄÒ»¸öʵÀý£¬ÕâÐèÒªÏȽøÐÐä¯ÀÀÆ÷²âÊÔ¡£Ò»µ©¿ªÊ¼³¢ÊÔʹÓÃAjax¼¼Êõ£¬ÄãºÜ¿ì¾Í»á×¢Òâµ½Òª·´¸´µØÍê³ÉͬÑùµÄһЩÈÎÎñ¡£µ±È»£¬ ......
ASP.NET 2.0 AjaxÖÐÄܹ»ÔÚ¿Í»§¶ËjsÖкܷ½±ãµØµ÷Ó÷þÎñÆ÷Webservice£¬ÒÔÏÂΪһЩµ÷ÓõÄʾÀý¡£±ÊÕß°²×°µÄASP.NET 2.0 AJAX
°æ±¾ÎªAJAX November CTP¡£
Èý¸öʾÀý·Ö±ðΪ£º
1 ´ø²ÎÊýµÄWS·½·¨
2 ²»´ø²ÎÊýµÄWS·½·¨
3 ²ÎÊýÀàÐÍΪDataTableµÄWS·½·¨
Ò»¡¢WebMethod
×¢ÒâÒªµã£º
1 WebMethodÀàÐèÒªÌí¼ÓÃüÃû¿Õ¼ä Microsoft.Web. ......
ÎļþÃû£º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Ö»ÊÇ·ûºÏºÜ¶à¹æ·¶µÄÎı¾¡£Ëü±¾Éíʲô¶¼²»ÊÇ£¬Ö ......