javascript/js的ajax请求方式：GET与POST

来源：互联网发布：淘宝超a鞋店推荐编辑：程序博客网时间：2024/04/28 06:21

注意：XMLHttpRequest 是 AJAX 的基础，在创建 XMLHttpRequest 对象时，必须与你写的ajax方法在同一个‘<script></script>’标签中！否则ajax请求会出错，并无法返回数据。 javascript/js的ajax的POST/GET请求。

javascript/js的ajax的POST请求：

<script type="text/javascript">/* 创建 XMLHttpRequest 对象 */var xmlHttp;function GetXmlHttpObject(){    if (window.XMLHttpRequest){      // code for IE7+, Firefox, Chrome, Opera, Safari      xmlhttp=new XMLHttpRequest();    }else{// code for IE6, IE5      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");    }    return xmlhttp;}// -----------ajax方法-----------//function getLabelsPost(){    xmlHttp=GetXmlHttpObject();    if (xmlHttp==null){        alert('您的浏览器不支持AJAX！');        return;    }    var url="http://www.lifefrom.com/t/"+Math.random();    xmlhttp.open("POST",url,true);    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");    xmlhttp.send();    xmlHttp.onreadystatechange=getLabelsOK;//发送事件后，收到信息了调用函数}function getOkPost(){    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){        // 本地提示：加载中/处理中                                                     }    if (xmlHttp.readyState==4 && xmlHttp.status==200){        var d=xmlHttp.responseText; // 返回值        // 处理返回值    }}</script>

javascript/js的ajax的GET请求：

<script type="text/javascript">/* 创建 XMLHttpRequest 对象 */var xmlHttp;function GetXmlHttpObject(){    if (window.XMLHttpRequest){      // code for IE7+, Firefox, Chrome, Opera, Safari      xmlhttp=new XMLHttpRequest();    }else{// code for IE6, IE5      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");    }    return xmlhttp;}// -----------ajax方法-----------//function getLabelsGet(){    xmlHttp=GetXmlHttpObject();    if (xmlHttp==null){        alert('您的浏览器不支持AJAX！');        return;    }    var id = document.getElementById('id').value;    var url="http://www.lifefrom.com?id="+id+"&t/"+Math.random();    xmlHttp.open("GET",url,true);    xmlHttp.onreadystatechange=favorOK;//发送事件后，收到信息了调用函数    xmlHttp.send();}                   function getOkGet(){    if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){        // 本地提示：加载中                             }    if (xmlHttp.readyState==4 && xmlHttp.status==200){        var d= xmlHttp.responseText;        // 处理返回结果                               }}</script>

----------------------------------------------------------------------------------------------

原文地址

0 0