原生Ajax 和jQuery Ajax的區別範例分析_jquery

   
   
   
   


   

$details = array (
    'spring'    =>    "

人間四月芳菲盡，山寺桃花始盛開

",
    'summer'    =>    "

水晶簾動微風起，滿架薔薇一院香

",
    'fall'    =>    "

金井梧桐秋葉黃，珠簾不捲夜來霜

",
    'winter'        =>    "

梅須遜雪三分白，但雪卻輸梅一段香

"
);
echo $details[$_REQUEST['LiName']];
?>

    var lis = document.getElementById('list').getElementsByTagName('li');
    window.onload = initPage;
    函數 initPage() {
        for (var i=0; i             txt = lis[i];
            txt.onclick = function () {
                getDetails(this.id);
            }
        }
    }
    函數 creatRequest() {
        嘗試{
            請求 = new XMLHttpRequest();
        }
        抓住（tryMS）{
            嘗試{
                request = new ActiveXObject("Msxml2.XMLHTTP");
            }
            抓住（其他MS）{
                嘗試{
                    request = new ActiveXObject("Miscrosoft.XMLHTTP");
                }
                以且擷取（失敗）{
                    請求 = null;
                }
            }
        }
        退貨要求；
    }
    函數 getDetails(itemName) {
        請求 = creatRequest();
        if (請求== null) {
            alert('沒有成功建立請求')
            返回；
        }
        var url = "getDetails.php?LiName=" escape(itemName);
        request.open("GET",url,true);
        request.onreadystatechange = displayDetails;
        request.send(null);
    }
    函數顯示詳細資料() {
        if (request.readyState == 4) {
        if (request.status == 200) {
            detailDiv = document.getElementById("inf");
            detailDiv.innerHTML = request.responseText;
        }
      }
    }  
腳本>

$('#list li').click ( function () {                      
        $.ajax({                          
            類型：'GET',                                   資料：'',                                   
url:"getDetails.php?LiName=" this.id
,                        成功：函數（資料）{                                       $('#inf').html(資料);                            },             資料型態：'文字'，             錯誤：函數 (){               
                Alert("失敗！");           
            }
        })                   
    });
腳本>