首页 / AJAX / 原生Ajax写法

原生Ajax写法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了原生Ajax写法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2322字，纯文字阅读大概需要4分钟。

内容图文

        
                //
                创建XMLHttp对象
                function CreateXmlHttp() {
    
                //
                非IE浏览器创建XmlHttpRequest对象
                if
                 (window.XMLHttpRequest) {
        
                return
                new
                 XMLHttpRequest();
    } 
                else
                 {
        
                return
                null
                ;
    }
    
                //
                IE浏览器创建XmlHttpRequest对象
                if
                 (window.ActiveXObject) {
        
                try
                 {
            
                return
                new ActiveXObject("Microsoft.XMLHTTP"); //较老的IE版本创建
        } catch (e) {
            try {
                returnnew ActiveXObject("Msxml2.XMLHTTP"); //较新的IE版本创建
            } catch (ex) {
                returnnull;
            }
        }
    }
}
//调用Ajax
                    function Send() {
    
                    var xmlHttp = CreateXmlHttp();
    if (!xmlHttp) {
        alert("创建xmlHttp对象异常");
        returnfalse;
    }
    var url = "CommonHandler.ashx?t=" + Math.random();
    /*
    method：发送请求所使用的方法（GET或POST）；与POST相比，GET更简单也更快，并且在大部分情况下都能用；然而，在以下情况中，请使用POST请求：
    ?无法使用缓存文件（更新服务器上的文件或数据库）
    ?向服务器发送大量数据（POST 没有数据量限制）
    ?发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠 
     url：规定服务器端脚本的 URL(该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如.aspx,.ashx 和 .php （在传回响应之前，能够在服务器上执行任务）)；
    async：规定应当对请求进行异步（true）或同步（false）处理；true是在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理；false是等待服务器响应再执行。
    */
    xmlHttp.open("post", url, true);
    //setRequestHeader()：POST传数据时，用来添加 HTTP 头
    // 添加http头，发送信息至服务器时内容编码类型
    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlHttp.send();
    //onreadystatechange 每次状态改变所触发事件的事件处理程序。
    xmlHttp.onreadystatechange = function () {
        //readyState 对象状态值/*0 (未初始化) 对象已建立，但是尚未初始化（尚未调用 open 方法）
        1 (初始化) 对象已建立，尚未调用 send 方法
        2 (发送数据) send 方法已调用，但是当前的状态及 http 头未知
        3 (数据传送中) 已接收部分数据，因为响应及 http 头不全，这时通过 responseBody 和 responseText
        获取部分数据会出现错误，
        4 (完成) 数据接收完毕,此时可以通过通过 responseXml 和 responseText 获取完整的回应数据*/if (xmlHttp.readyState == 4) {
            document.getElementById("msg").innerHTML = "数据正在加载中...";
            // status值说明  
            // 200:成功  
            // 404:没有发现文件、查询或URl  
            // 500:服务器产生内部错误                  if (xmlHttp.status == 200) {
                // 这里可以对返回的内容做处理  
                // 一般会返回JSON或XML数据格式  
                document.getElementById("msg").innerHTML = xmlHttp.responseText;
            }
        }
    }
}
//页面html
<body>
    <input type="button" id="btn" onclick="Send()" value="Send" />
    <br />
    <div id="msg">
    </div>
</body>
// 一般处理程序CommonHandler.ashx
<%@ WebHandler Language="C#" Class="CommonHandler" %>

using System;
using System.Web;

publicclass CommonHandler : IHttpHandler
{
    publicvoid ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        Random rd = new Random();
        context.Response.Write(rd.Next(0, 10000));
    }
    
    publicbool IsReusable
    {
        get
        {
            returnfalse;
        }
    }
}

 

 

                     

 

                 

 

             

 

原文：http://www.cnblogs.com/janfesh/p/7795322.html

内容总结

以上是互联网集市为您收集整理的原生Ajax写法全部内容，希望文章能够帮你解决原生Ajax写法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1207276.html

来源：【匿名】