原生ajax post 和get 方式传值

来源：互联网发布：淘宝子账号干嘛的编辑：程序博客网时间：2024/05/18 02:38
<script type='text/javascript'>     function closes (){        var r=confirm("确定要删除吗")            if (r==true){                alert('aaaaa');            }else{                alert('bbbb')            }        }        /*** 普通Ajax的完整访问过程*/    /**************************     *  get方式提交ajax     *     * @param   对象          xmlHttp         XMLHttpRequest对象     * @param   字符串     url             后台的地址     * @param   字符串     userName        需要传送的值1     * @param   字符串     passWord        需要传送的值2        readyState值对照        0: 请求未初始化        1: 服务器连接已建立        2: 请求已接收        3: 请求处理中        4: 请求已完成，且响应已就绪     * @date    2016/02/29     * 根据相应的浏览器创建不同的xmlHttp对象     * @write   zss     * @return  XMLHttpRequest 对象     ****************************/    function ajax_get(){    //var userName=document.getElementById("userName").value;    //var passWord=document.getElementById("passWord").value;    var userName = 10;    var passWord = 20;    var xmlHttp    xmlHttp=GetXmlHttpObject();    var url="__MODULE__/Ucenter/ajax_update"//设置要提交action到后台的那个处理请求的文件名    url=url+"?userName="+userName+"&passWord="+passWord//为这个路径加上参数用户名和密码    url=url+"&sid="+Math.random()//为这个路径加上一个随机数    xmlHttp.open("GET",url,true)//定义请求的参数    xmlHttp.onreadystatechange = function(){        var XMLHttpReq = xmlHttp;        if (XMLHttpReq.readyState == 4) {            if (XMLHttpReq.status == 200) {                var text = XMLHttpReq.responseText;                alert(text);            }        }    };    xmlHttp.open("GET",url,true)//定义请求的参数    xmlHttp.send()//发送请求    }    /**************************     * 此函数的作用是解决为不同浏览器创建不同的 XMLHTTP 对象的问题     *     * @param   xmlHttp     XMLHttpRequest()对象     * @date    2016/02/29     * 根据相应的浏览器创建不同的xmlHttp对象     * @write   zss     * @return  XMLHttpRequest 对象     ****************************/    function GetXmlHttpObject(){        var xmlHttp=null;        try{            // for Firefox, Opera 8.0+, Safari            xmlHttp=new XMLHttpRequest();        }        catch (e){            // for Internet Explorer            try{            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");            }            catch (e){            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");            }        }            return xmlHttp;        }     /**************************     *  post方式提交ajax     *     * @param   对象          postData        需要提交的值     * @param   对象          xhr             XMLHttpRequest对象     * @param   字符串     url             后台的地址        readyState值对照        0: 请求未初始化        1: 服务器连接已建立        2: 请求已接收        3: 请求处理中        4: 请求已完成，且响应已就绪     * @date    2016/02/29     * 根据相应的浏览器创建不同的xmlHttp对象     * @write   zss     * @return  XMLHttpRequest 对象     ****************************/    function ajax_post(){    var postData = {    "name1": "value1",    "name2": "value2"};    // 转成post需要的字符串.     postData = (function(obj){         var str = "";        for(var prop in obj){            str += prop + "=" + obj[prop] + "&"        }        return str;    })(postData);    //获取 XMLHttpRequest 对象    var xhr =GetXmlHttpObject();    var url="__MODULE__/Ucenter/ajax_update"//设置要提交action到后台的那个处理请求的文件名    xhr.open("POST", url, true);    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");    xhr.onreadystatechange = function(){    if (xhr.readyState == 4) {        if (xhr.status == 200) {            var text = xhr.responseText;            alert(text);        }    }};    xhr.send(postData);    }</script>
1 0