AJAX原生JavaScript寫法

GET方式

                //創建XMLHttpRequest對象，為考慮兼容性問題，老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 對象
                var ajax = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    
                //設定請求的類型，服務器URL，以及是否異步處理
                ajax.open("get","test.ashx?name=jcx&id="+new Date(),true);
                
                ajax.onreadystatechange=function()
                {
                    //4:請求已完成，且響應已就緒    
                    if(ajax.readyState==4)
                    {
                        //200:成功
                        if(ajax.status==200)
                        {
                            //處理結果
                            alert(ajax.responseText);
                        }else
                        {
                        alert("AJAX服務器返回錯誤！");
                        }
                    }
                
                }

                //將請求發送到服務器
                ajax.send();

 

---

 

POST方式

   var ajax=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");

            ajax.open("post", "test.ashx", true);

            ajax.onreadystatechange = function () {
                if  (ajax.readyState==4)
                {
                    if (ajax.status==200) {
                        alert(ajax.responseText);
                    }
                }
            }

            ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            ajax.send("name=jcx&id=23");