简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

浅谈JS原生Ajax,GET和POST

来源:易贤网   阅读:1406 次  日期:2016-06-18 11:56:18

温馨提示:易贤网小编为您整理了“浅谈JS原生Ajax,GET和POST”,方便广大网友查阅!

下面小编就为大家带来一篇浅谈JS原生Ajax,GET和POST。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

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.Leefrom.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>

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>

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

以上这篇浅谈JS原生Ajax,GET和POST就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:Js+Ajax,Get和Post在使用上的区别小结
下一篇:原生 JS Ajax,GET和POST 请求实例代码
易贤网手机网站地址:浅谈JS原生Ajax,GET和POST
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!