位置：首页>> 网络编程>> JavaScript>> 一段重用很高的ajax代码

一段重用很高的ajax代码

　　发布时间：2009-02-09 13:27:00　

标签：ajax,代码,xmlhttp

一段重用很高的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代码

猜你喜欢