AJAX向伺服器發送請求

標籤：save   highlight   click   activex   orm   har   get   調用   響應狀態   

原生的：

1.>：GET請求

$(function () {            $("#btnGetDate").click(function () {                //開始通過AJAX向伺服器發送請求.                var xhr;                if (XMLHttpRequest) {//表示使用者使用的高版本IE，Google，狐火等瀏覽器                    xhr = new XMLHttpRequest();                } else {// 低IE                   xhr=new ActiveXObject("Microsoft.XMLHTTP");                }                xhr.open("get", "GetDate.ashx?name=zhangsan&age=12", true);                xhr.send();//開始發送                //回呼函數:當伺服器將資料返回給瀏覽器後，自動調用該方法。                xhr.onreadystatechange = function () {                    if (xhr.readyState == 4) {//表示服務端已經將資料完整返回，並且瀏覽器全部接受完畢。                        if (xhr.status == 200) {//判斷響應狀態代碼是否為200.                            alert(xhr.responseText);                        }                    }                }            });        });

　2.>：POST請求

 $(function () {            $("#btnPost").click(function () {                var xhr;                if (XMLHttpRequest) {                    xhr = new XMLHttpRequest();                } else {                    xhr = new ActiveXObject("Microsoft.XMLHTTP");                }                xhr.open("post", "GetDate.ashx", true);                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                xhr.send("name=zhangsan&pwd=123");                xhr.onreadystatechange = function () {                    if (xhr.readyState == 4) {                        if (xhr.status == 200) {                            alert(xhr.responseText);                        }                    }                  }            });        });

　Jquery下使用Ajax

　第一步：匯入Jquery檔案<script src="../Js/jquery-1.7.1.js"></script>

$(function () {            $("#btnGet").click(function(){                $.get("GetDate.ashx", { "name": "lisi", "pwd": "123" }, function (serverData) {                    var data = strToJson(serverData);                    alert(data)                });            });            /----------------------------用這種方式轉JSON好像要比$.parseJSON()好------------------------------------/            function strToJson(str) {                var json = (new Function("return" + str))();                return json;            }            $("#btnPost").click(function () {                $.post("ShowDate.aspx", { "name": "lisi", "pwd": "123" }, function (serverData) {                    var data = $.parseJSON(serverData);                    alert(data)                })            });            $("#btnAjax").click(function () {                $.ajax({                    type: "POST",                    url: "GetDate.ashx",                    data: "name=John&location=Boston",                    dataType:"json",                    success: function (msg) {                        alert("Data Saved: " + msg);                    }                });            });        });

　　

AJAX向伺服器發送請求