最常用的ajax代码

最新推荐文章于 2019-10-08 21:56:33 发布

amityat

最新推荐文章于 2019-10-08 21:56:33 发布

阅读量627

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax的研究文章标签： ajax xmlhttprequest function url input javascript

本文链接：https://blog.youkuaiyun.com/amityat/article/details/2581495

ajax的研究专栏收录该内容

13 篇文章

订阅专栏

<!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.aspx" 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>