一段重用很高的ajax代码

时间:2009-02-09 13:27:00 

一段重用很高的ajax代码,可以套用    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
        <title>client.html</title> 
        <script language="JavaScript" type="text/javascript"> 
            var xmlreq = false; 
            // ---------------初始化XMLHttpRequest-------------------- 
            function createXMLHttpRequest(){ 
                if (window.XMLHttpRequest) { 
                    //不是ie浏览器 
                    xmlreq = new XMLHttpRequest(); 
                } 
                else  
                    if (window.ActiveXObject) { 
                        //IE 
                        try { 
                            xmlreq = new ActiveXObject("Msxml12.XMLHTTP"); 
                        }  
                        catch (e1) { 
                            try { 
                                req = new ActiveXObject("Microsoft.XMLHTTP"); 
                            }  
                            catch (e2) { 
                            // Unable to create an XMLHttpRequest with ActiveX 
                            } 
                        } 
                         
                    } 
            } 
//------------发送XMLHttpRequest请求----------------- 
//GET提交请求 
function sendRequestGet(url){ 
createXMLHttpRequest(); 
xmlreq.open("get",url,true); 
xmlreq.onreadystatechange = processResponse;//响应请求函数 
xmlreq.send(null); 

//POST提交请求 
function sendRequestPost(url,param){ 
createXMLHttpRequest(); 
xmlreq.open("post",url,true); 
xmlreq.onreadystatechange = processResponse;//响应请求的函数 
xmlreq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
xmlreq.send(param); 

function sendRequest(url,param,method){ 
if(method){ 
if (method.toLowerCase("get")) { 
                        sendRequestGet(url + "?" + param); 
                    } 
                    else  
                        if (method.toLowerCase("post")) { 
                            sendRequestPost(url, param); 
                        } 
}else{ 
alert("method is null"); 


//---------响应请求的函数------------ 
function processResponse(){ 
if(xmlreq.readyState == 4){ 
if(xmlreq.status == 200){ 
alert(xmlreq.responseText); 
}else{ 
alert("发送失败!") 



//事件响应 
function submitRequest(){ 
                var form1 = document.getElementById("form1"); 
                var url = form1.action; 
                var username = form1.username.value; 
                var password = form1.password.value; 
                var method = form1.method; 
                var param = "username=" + username + "&password=" + password; 
                sendRequest(url, param, method); 
            } 
        </script> 
    </head> 
    <body> 
        <form action="server.jsp" method="post" name="form1" id="form1"> 
             用户名:<input name="username" id="username" type="text"> 
            <br> 
             密  码:<input name="password" id="password" type="text"> 
            <br> 
            <input type="button" value="发送信息" onclick="submitRequest()"> 
        </form> 
    </body> 
</html>   
标签:ajax,代码,xmlhttp
0
投稿

猜你喜欢

  • 选项卡动态增删的效果(内嵌框架)

    2008-05-22 12:59:00
  • 潜谈产品设计中的可用性和可访问性

    2009-01-18 12:47:00
  • asp HTTP 500错误 常见问题分析

    2011-04-07 10:33:00
  • ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)

    2012-06-06 20:11:21
  • WEB2.0网页制作标准教程(2)什么是名字空间

    2007-11-13 13:04:00
  • 微软建议的ASP性能优化28条守则(3)

    2008-02-24 16:30:00
  • ASP程序种如何调用DLL文件

    2008-01-15 19:12:00
  • 提一个懒人需求——找遥控器的电视

    2009-03-23 18:16:00
  • 兼容 IE,Firefox 的图片自动缩放 CSS

    2011-09-27 13:36:58
  • 一个asp正则替换的方法

    2008-11-25 14:05:00
  • 瞬间的快感之细节提升用户满意度

    2010-11-17 19:19:00
  • 从xml中获取城市,省份名称

    2008-09-05 15:07:00
  • 不同浏览器的兼容一些写法

    2009-03-26 12:58:00
  • 在Spring中用select last_insert_id()时遇到问题

    2009-05-24 19:50:00
  • 写了一个小巧的jquery拾色工具

    2009-12-21 14:22:00
  • 关于Dreamweaver乱码问题的解决方案

    2010-09-02 12:36:00
  • asp如何创建一个Exchange用户?

    2009-11-14 20:52:00
  • 视觉对交互的帮助——提升可用性

    2008-10-16 13:16:00
  • ASP教程:自己写的数据库操作类

    2008-11-21 17:29:00
  • 给展示性图片增加提示工具条(黑白效果)

    2007-10-20 14:21:00
  • asp之家 网络编程 m.aspxhome.com