1. 程式人生 > >使用ajax如何拿取數據?簡單封裝

使用ajax如何拿取數據?簡單封裝

div 發送 html 顯示 ech () activex 詳細 AS

不啰嗦了,咱們直接來精髓!!!沒有對其代碼的步驟進行詳細的解釋

/* 
 *使用ajax獲取數據時,可以使用此js
 * url: 請求地址
 * fnSucc:獲取響應數據函數
 * fnFaild:顯示失敗信息請求函數
 * str: 直接響應的字符串數據
 */
/*
//響應數據使用模板
ajaxRquest("http://localhost:8080/ajax/user.xml",function (str) {
        var div1=document.getElementById("div1");
        div1.innerHTML=str;
    },function () {
        alert("失敗了!");
    })
 
*/ function ajaxRquest(url,fnSucc,fnFaild) { var oajax=null; //創建ajax對象,初始化開始 if (window.XMLHttpRequest){ oajax=new XMLHttpRequest(); }else if(window.ActiveXObject){ oajax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.創建連接 oajax.open("get",url,true
); //3.發送請求 oajax.send(); //4.接收返回 oajax.onreadystatechange=function () { if(oajax.readyState==4){ if (oajax.status==200){ // alert(oajax.responseText); fnSucc(oajax.responseText); }else {
// alert("出錯了"); if(fnFaild){ fnFaild(); } } } } }

/*

使用ajax如何拿取數據?簡單封裝