美文网首页
原生AJAX的四行代码

原生AJAX的四行代码

作者: 白玩VAC | 来源:发表于2019-03-28 22:58 被阅读0次

四行代码

1.创建一个XMLHttpRequest类型对象.
2.打开与一个网址之间的链接
3.通过连接发送请求
4.制定xhr状态变化事件处理函数.

function ajax(url){
        var xhr = new window.XMLHttpRequest()
        xhr.open("get",url,true);
        xhr.send();
        xhr.onreadystatechange = () =>{
            if(xhr.readystate == 4){
                if(xhr.status == 200){
                    var data = xhr.responseTEXT;
                    return data;
                }
            }
        }    
    }

H5中onload事件

ajax(url){
          var xhr = new window.XMLHttpRequest()
          xhr.open('get',url)
          xhr.send()
          xhr.onload=()=>{
            var data = xhr.responseTEXT
            return data
          }
        }

相关文章

  • 原生AJAX的四行代码

    四行代码 1.创建一个XMLHttpRequest类型对象.2.打开与一个网址之间的链接3.通过连接发送请求4.制...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • Ajax Axios

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

  • 2019-04-06 AJAX

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

  • 原生JS的Ajax请求

    废话不多说直接代码走起: //原生JS的ajax请求 var Ajax={ get: function(u...

  • ajax学习

    1、废话不多说,直接上代码演示:创建基本的ajax的get请求的原生js代码。 创建基本的ajax的post请求的...

  • 原生JS实现AJAX

    原生JS实现AJAX代码,代码如下 如果需要ajax运行方法完成后调用结果的话 需要使用回调函数 或者 promi...

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

网友评论

      本文标题:原生AJAX的四行代码

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