黑马程序员技术交流社区

标题: Ajax [打印本页]

---

作者: 聂玉林    时间: 2012-11-22 16:51
标题: Ajax
    Ajax，主要是涉及哪方面的技术？

---

作者: 聂玉林    时间: 2012-11-22 16:52
求解释？

---

作者: 邓连超    时间: 2012-11-22 18:04

ajax架构中主要涉及的技术：
client: javascript解析xml， 操纵DOM修改html页面，javascript是“OO”的语言。
server: servlet + dao， 实现service接口即可

---

作者: 郑昱曦    时间: 2012-11-22 21:17
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

---

作者: 陈辉    时间: 2012-11-22 22:31


主要涉及ajax的异步请求xmlHttpResponse对象
具体的可以参考下面的代码来理解:

<script type="text/javascript">
//ajax
//根据不同的浏览器使用相应的方式来创建异步对象
function createXmlHttp() {
    var xhobj = false;
    try {
        xhobj = new ActiveXObject("Msxml2.XMLHTTP"); //IE6.0+
    } catch (e) {
        try {
            xhobj = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e2) {
            xhobj = false;
        }
    }

    //谷歌，FireFox，Opera 8.0+，safari
    if (!xhobj && typeof (XMLHttpRequest) != 'undefined') {
        xhobj = new XMLHttpRequest();
    }

    return xhobj;
}

        function getData() {
            var xhr;
            //1.创建异步对象
            xhr = createXmlHttp();
            //2.设置请求参数
            xhr.open("get", "FirstAjaxForFun.ashx", true); //FirstAjaxForFun.ashx
            //设置浏览器不使用缓存
            xhr.setRequestHeader("If-Modified-Since", "0");
            //3.设置回调函数，用来检查服务器是否将数据发送回给异步对象
            //异步对象的readystate属性发生改变时，就会回调方法来检查当前状态，执行用户定义的代码
            xhr.onreadystatechange = function () {
                //alert(xhr.readystate);
                //服务器已将数据发回到浏览器的异步对象
                if (xhr.readystate == 4) {
                    //如果返回的响应报文状态吗为200，才代表服务器运行正确
                    if (xhr.status == 200) {
                        //获得服务器返回的数据
                        //document.getElementById("div1").innerHTML = xhr.responseText;
                        //将服务器端发回来的具有json格式的字符串转成json对象
                        //用eval将字符串转换成Json格式时，一定要在两遍加上括号
                        var json = eval("(" + xhr.responseText + ")");
                        alert(json.data);
                    }
                    else {
                        alert("系统繁忙，请联系管理员！");
                    }
                }
            }
            //4.异步对象发送请求
            xhr.send(null);
        }
</script>

FirstAjaxForFun.ashx代码：
public void ProcessRequest(HttpContext context)        {
            context.Response.ContentType = "text/plain";
            System.Threading.Thread.Sleep(2000);
            //测试客户端if (xhr.status == 200)的时候用
            //int a = 0;
            //int c = 1 / a;
            //context.Response.Write("<h1>" + "Hello World!" +
            //    DateTime.Now.ToLocalTime().ToString() + "</h1>");
            if (!string.IsNullOrEmpty(context.Request.Form["txtName"]))
            {

               //{'data':'who are you post'} 是Json格式的字符串
                context.Response.Write("{'data':'who are you post'}");
            }
            else
            {
                context.Response.Write("{'data':'No,I am get'}");
            }
        }

---

作者: 聂玉林    时间: 2012-11-23 10:51

邓连超 发表于 2012-11-22 18:04
ajax架构中主要涉及的技术：
client: javascript解析xml， 操纵DOM修改html页面，javascript是“OO”的语 ...

谢谢啊
！

---

作者: 陈辉    时间: 2012-11-23 14:18
一起努力

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2