美文网首页
原生AJAX的使用

原生AJAX的使用

作者: 易点梅 | 来源:发表于2019-04-01 09:04 被阅读0次

var xmlhttp;

if (window.XMLHttpRequest)   //火狐,谷歌等高级浏览器

{

        xmlhttp = new XMLHttpRequest();

}

else   //IE5,IE6等渣渣浏览器

{

        xmlhttp = ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange = function() {

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)

        {

                //do something like  $("#ID").innerHTML = xmlhttp.responseText;

         }

}

POST请求:

xmlhttp.open("POST","/user.action",true);

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmhttp.send("username=yuangs&pwd=123")

GET请求:

xmlhttp.open("GET","/user.action?username=yuangs&pwd=123",true)

xmlhttp.send()

当open(method,url, async)的第三个参数async = false时,不需要规定onreadystatechange事件的函数,只需要把数据请求放到send()后面即可.不推荐async = false的用法。

相关文章

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • 2019-04-06 AJAX

    请使用原生 JS 写出一个 AJAX 请求(代码中必须出现 XMLHttpRequest) AJAX AJAX:异...

  • ajax 补充

    jquery 中封装了ajax,使得我们可以十分便捷的使用ajax, 而原生的ajax,也必须要学会使用,对吧,,...

  • 原生Ajax的使用

    #什么是 AJAX ? AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 ...

  • 原生AJAX的使用

    var xmlhttp; if (window.XMLHttpRequest) //火狐,谷歌等高级浏览器 { x...

  • 手写Ajax(JSONP)

    参考:原生 JavaScript 实现 AJAX、JSONP XMLHttpRequest的使用 参考:XMLHt...

  • window.fetch

    Fetch 是浏览器提供的原生 AJAX 接口。使用 window.fetch 函数可以代替以前的 $.ajax、...

  • Ajax的使用方法

    Ajax 一、 javaScript原生使用Ajax 1.get方法 2.post方法 open()方法后面的参数...

  • ajax原生js封装

    ajax用jquery使用确实方便,但如果只用ajax,难道我们还会为了使用而引入jquery吗?不仅如此,用原生...

  • js和jq的ajax调用

    原生ajax jQuery的ajax

网友评论

      本文标题:原生AJAX的使用

      本文链接:https://www.haomeiwen.com/subject/apcmbqtx.html