原生AJAX GET请求

分为HTML和JS两部分（参考尚硅谷教程）：

环境要求：安装有Node.js环境和express

（一）HTML部分：

获取元素对象，比如用元素id获取：

const a = document.getElementById(“...”);

绑定事件

a.addEventListener("",function(){// 四步走：// 1.创建对象 const xhr = new XMLHttpRequest( );// 2.初始化 设置请求的类型和URL xhr.open(‘GRT’,’http://...’);// 3.发送 xhr.send( );// 4.事件绑定 xhr.onreadystatechange = function(){/*判断（readystate 是xhr 对象中是属性，表示状态0 1 2 3 4；4表示服务端返回了所有的结果,[200,300)表示成功）*/if(xhr.readyState == 4){if(xhr.status >=200 &&xhr.status <300){//处理服务端返回的结果}}}
}

（二）JS 部分server.js：

//1.引入express
const express = require('express');//2.创建应用对象
const app = express();//3.创建路由规则
//request 是对请求报文的封装
//response 是对响应报文的封装
app.get('/',(request,response)=>{//设置响应头 设置允许跨域response.setHeader('Access-Control-Allow-Origin','*');//设置响应response.send('HELLO AJAX');
});//4.监听端口启动服务
app.listen(8000, ()=>{console.log("服务已启动，8000 端口监听中.....");
})

(三）在终端集成环境中输入node server.js

（四）完成了哦，可以在游览器中查看

原生AJAX GET请求相关推荐

AJAX是什么?手把手教你如何使用原生AJAX发送请求
文章目录
ajax异步处理代码实现,原生JS代码实现一个Ajax异步请求
异步加载的方式 (1) defer,只支持IE (2) async: (3) 创建script,插入到DOM中,加载完毕后callBack 实现ajax之前必须要创建一个 XMLHttpRequest ...
原生AJAX以及JQuery发送AJAX请求的几种方式
JSON&AJAX 文章目录 JSON&AJAX 1. JSON 1.1 json概述 1.2 Json使用 3. 原生AJAX 4. JQuery的AJAX 4.1 GET请求方式 ...
获取referer中的请求参数_Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法...
本文实例讲述了Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法.分享给大家供大家参考,具体如下: HTTP请求中,如果是get请求,那么 ...
AJAX POST请求中參数以form data和request payload形式在servlet中的获取方式
HTTP请求中,假设是get请求,那么表单參数以name=value&name1=value1的形式附到url的后面,假设是post请求,那么表单參数是在请求体中,也是以name=value& ...
原生ajax和Jquery的ajax
目录原生ajax 传统请求(同步方式)的问题 Ajax优势和作用 Ajax请求与传统请求的区别: ajax原理(方法,属性 ) XMLHttpRequest open send 属性 readySt ...
原生ajax请求及readyState的几种状态
原生ajax请求写法: var http = new XMLHttpRequest();http.open('get','./package.json');http.onreadystatechang ...
原生JS写Ajax的请求函数
本文主要介绍了如何通过原生JavaScript封装ajax请求,文中给出了具体的实现代码和详细的解释,希望对你有所帮助. 一.JS原生Ajax ajax:一种请求数据的方式,不需要刷新整个页面: aj ...
php原生的异步请求,原生JavaScript实现Ajax异步请求
ajax现在是一种非常流行的技术,现在虽然可以利用JQuery或者一些第三方插件甚至微软提供的一些控件可以方面的实现ajax功能,但是明白其原理也是非常重要的,下面是来使用纯javascript实现获 ...
前端接收pdf文件_原生ajax请求获取pdf文件流本地下载（支持谷歌IE）
项目中要实现本地下载pdf文件,ajax请求获取到文件全路径,如上,a标签href属性赋值跳转,在iframe里面,谷歌浏览器被阻止下载.那只能另想办法.经过几天的摸索和后台调整接口数据流,终于解决. ...

原生AJAX GET请求

原生AJAX GET请求相关推荐

最新文章

热门文章