ajax 異步無刷新


無聊時寫的一個小案例,希望有所幫助,話不多說,上代碼,ajax基本對象,請求方式我就不說了,百度可以搜到。

原生ajax:

<title>ajax案例</title>
 <script type="text/javascript">
        var xmlHttp = null;
        //實力化xmlhttprequest對象
        function loadxmlhttprequest() {
            //判斷是不是標准瀏覽器
            if (window.ActiveXObject) {//ie瀏覽器
                xmlHttp = new XMLHttpRequest("Microsoft.XMLHTTP");
            }
            //不是ie瀏覽器 (標准瀏覽器  谷歌  火狐)
            else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
        }
        //使用ajax發送請求
        function SendMessage()
        {
            //實例化對象
            loadxmlhttprequest();
            //獲取要發送的請求
            var mess = "text=" + document.getElementById("textone").value;
            //請求地址
            var address = "ajaxhandler.ashx";
            //請求方式
            var mod = "Get";
            //發送數據
            xmlHttp.open(mod, address + "?" + mess);
            xmlHttp.send();
            //判斷數據是否發送成功以及是否有回發數據
            xmlHttp.onreadystatechange = function () {
                //請求是否正常發送
                if(xmlHttp.readyState==4)
                {
                    //判斷是否回發正常
                    if (xmlHttp.status = 200)
                        //將接收到的結果賦值給div
                        document.getElementById("res").innerText = xmlHttp.responseText;
                }
            }
        }
    </script>
</head>
<body>   
    <form id="form1" runat="server">
        <div>         
            <input  name="textone"id="textone" onblur="SendMessage()"/>
        </div>
        <div id="res"></div>//將數據顯示在div中
    </form>
</body>
</html>

接下來是一般處理程序里的代碼,注:一般處理程序名為 ajaxhandler

    public void ProcessRequest(HttpContext context)
        {
            string str = context.Request["text"].ToString();
            context.Response.Write("我已接收到你的請求,你請求的信息是" + str);
        }

 不多說,關於AJAX的基本大家百度可以找到,我就直接上代碼了。

MVC 中,jquery的ajax(不要忘了引用jquery包):

<input value="ajax" type="button" id="btndx" />
<input value="ajax" type="button" onclick="btnajax()" />
<script type="text/javascript">
 function btnajax() {
        $.ajax({
            type: 'get',//請求方式
            url: '/Verification/getVerifyCode',//請求路徑
            data: { "phone": $("#btndx").val() },//傳遞參數
            success: function (data) {//返回結果
               if(data.result)
                {
                alter("成功!");
                }
else{
alter("失敗!");
} } }) }
</script >

 后台:

public JsonResult getVerifyCode(string phone) {
         bool result=false;
         if(phone==1) 
           { result=true; } 
          return Json(result=result}, JsonRequestBehavior.AllowGet); 
}

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM