• ajax代码及简单封装


     var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); //创建XMLHTTP对象,考虑兼容性
                xmlhttp.open("POST", "AJAXTest.ashx?" + "i=5&j=10", true); //“准备”向服务器的GetDate1.ashx发出Post请求(GET可能会有缓存问题)。这里还没有发出请求
                xmlhttp.onreadystatechange = function ()
                {
                    if (xmlhttp.readyState == 4) //readyState == 4 表示服务器返回完成数据了。之前可能会经历2(请求已发送,正在处理中)、3(响应中已有部分数据可用了,但是服务器还没有完成响应的生成)
                    {
                        if (xmlhttp.status == 200) //如果状态码为200则是成功
                        {
                            alert(xmlhttp.responseText);
                        }
                        else
                        {
                            alert("AJAX服务器返回错误!");
                        }
                    }
                }
    //不要以为if (xmlhttp.readyState == 4) {在send之前执行!!!!
                xmlhttp.send(); //这时才开始发送请求
    //发出请求后不等服务器返回数据,就继续向下执行,所以不会阻塞,界面就不卡了,这就是AJAX中“A”的含义“异步”。试着在ashx加一句Thread.Sleep(3000);
    
    简单的ajax封装:
     function ajax(url,onsuccess,onfail)
            {
                var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
                xmlhttp.open("POST", url, true);
                xmlhttp.onreadystatechange = function ()
                {
                    if (xmlhttp.readyState == 4)
                    {
                        if (xmlhttp.status == 200)
                        {
                            onsuccess(xmlhttp.responseText);
                        }
                        else
                        {
                            onfail(xmlhttp.status);
                        }
                    }
                }
                xmlhttp.send(); //这时才开始发送请求
            }
  • 相关阅读:
    [转]敏捷软件开发 需求分析
    Windows服务控制命令SC
    [转]敏捷测试工程师的十条法则
    大道至简:如何准确把握趋势 一
    Sqlserver xml 类型操作
    微软Teched2010大会一日游记
    [转]任务、用例、用户故事和场景
    ASUS TF600T上手体验
    Windows 8的各种小发现——不断更新中
    Surface Pro电磁笔故障
  • 原文地址:https://www.cnblogs.com/dragon-L/p/4343708.html
Copyright © 2020-2023  润新知