JavaScript AJAX实例

Posted MiraclesGG

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript AJAX实例相关的知识,希望对你有一定的参考价值。

原生JS实现AJAX:

 

// method : 请求方式 POST/GET;
// url:     如果为GET方式的话url里面要带参数
// obj:     准备好的容器,方便储存拿到的数据


function xhr ($method, $url, obj)
{
  var Request = new XMLHttpRequest();
  Request.open($method, $url);
  Request.setRequestHeader("CONTENT-TYPE", "application/x-www-from-urlencoded");
  Request.send();
  Request.onreadystatechange = function ()
  {
    if (Request.readyState === 4 && Request.status === 200) {
      obj.innerhtml = Request.responseText;
    } else {
      obj.innerHTML = Request.status;
    }
  }
}

 

ps: 如果是查询操作建议使用POST;

 

以上是关于JavaScript AJAX实例的主要内容,如果未能解决你的问题,请参考以下文章

执行AJAX返回HTML片段中的JavaScript脚本

javascript AJAX片段

JavaScript 片段

web前端开发JQuery常用实例代码片段(50个)

原生 JS Ajax,GET和POST 请求实例代码

Ajax 简单的实例代码