Ajax ½øÐÐPost´«ÖµºÍGet´«Öµ £¨¾µä£©
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script language="javascript">
function saveUserInfo()
{
//»ñÈ¡½ÓÊÜ·µ»ØÐÅÏ¢²ã
var msg = document.getElementById("msg");
//»ñÈ¡±íµ¥¶ÔÏóºÍÓû§ÐÅÏ¢Öµ
var f = document.user_info;
var userName = f.user_name.value;
var userAge = f.user_age.value;
var userSex = f.user_sex.value;
//½ÓÊÕ±íµ¥µÄURLµØÖ·
var url = "/ajax_output.php";
//ÐèÒªPOSTµÄÖµ£¬°Ñÿ¸ö±äÁ¿¶¼Í¨¹ý&À´Áª½Ó
var postStr = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;
//ʵÀý»¯Ajax
//var ajax = InitAjax();
var ajax = false;
//¿ªÊ¼³õʼ»¯XMLHttpRequest¶ÔÏó
if(window.XMLHttpRequest) { //Mozilla ä¯ÀÀÆ÷
ajax = new XMLHttpRequest();
if (ajax.overrideMimeType) {//ÉèÖÃMiMEÀà±ð
ajax.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IEä¯ÀÀÆ÷
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
 
Ïà¹ØÎĵµ£º
ÈçºÎ¿ª·¢°²È«µÄAJAXÓ¦ÓÃ
AJAX¼¼ÊõÒѾÊÇÏÖÔÚ×îÁ÷ÐеÄWebÓ¦Óÿª·¢¼¼ÊõÁË£¬µ«ÊÇÓë´Ëͬʱ£¬WebÓ¦ÓÃÒ²³ÉÁËÕâ¸öIT¼Ü¹¹Öа²È«×Èõ£¬×îÈÝÒ×Êܵ½¹¥»÷µÄ²¿·Ö£¬AJAXÓ¦ÓÃÏà±È½ÏÓ봫ͳµÄWebÓ¦Ó㬴ó´óÔö¼ÓÁË¿Í»§¶ËÓë·þÎñÆ÷Ö®¼äµÄ½»»¥£¬Í¬Ê±Ò²Ê¹µÃһЩºǫ́µÄÒµÎñÂß¼½Ó¿Ú±©Â¶¸øÁË¿Í»§¶Ë£¬Èç¹û·þÎñÆ÷¶ËûÓÐ×ã¹»µÄ±£»¤»òÕßûÓжԿͻ§¶ËÇ ......
<style type="text/css">
<!--
.STYLE1 {
font-size: 24px;
font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
.mouseOut {
color: #000000;
}
.mouseOver {
&nb ......
½â¾öAjax´«ËÍÖÐÎĻᵼÖÂÂÒÂëµÄÎÊÌâ
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val);
......
Ajax¿ò¼Ü jQuery
jQueryÊÇÒ»¿îÃâ·ÑÇÒ¿ª·ÅÔ´´úÂëµÄJavaScript´úÂë¿â£¬ÓÉJohn Resig´´½¨¡£ÊÚȨÐÒéΪGPLºÍMITÐí¿É֤˫ÐÒ顣ʾÀý´úÂ룺 $("p.neat").addClass("ohmy").show("slow"); ÌصãÇáÁ¿¼¶¾GZipѹËõºó´«ÊäµÄ´úÂëÎļþ½ö14KB£¬Î´¾Ñ¹Ëõ´«Ë͵ĴúÂëÎļþ½ö26KB¡£ jQuery 1.26°æʱ£º µµ°¸µµ°¸ÐÐÊýµµ°¸Size ±¸×¢ jquery-1.2 ......