知识点

创建一个请求
```
var xhr = new XMLHttpRequest();
```

准备发送

xhr.open('get','http://localhost:3000/api/one',true);

执行发送动作
```
xhr.send(null);
```

监听服务器响应

xhr.addEventListener('readystatechange',function (ev2) {// console.log(xhr.readyState);if (xhr.readyState === 4){// 意味着服务器响应结束// 不代表服务器响应一定正确// console.log(xhr.status);if (xhr.status === 200){console.log(xhr.response);}}
})

xhr.readyState === 4意味着响应结束，但不一定响应正确。
xhr.status 状态码
xhr.response 响应结果

过程

配置好服务器后，启动服务器

在index.js中，写好接口路由和页面路由

var express = require('express');
var router = express.Router();/* GET home page. */
/*  页面路由 */
router.get('/', function(req, res, next) {res.render('index', { title: '测试中心' });
});/*  接口路由 */
router.get('/api/one', function(req, res, next) {res.json({"start":200,"data":{"name":"郇凯","intro":"I like zheng"}})
});module.exports = router;

在index.ejs中写请求访问

<!DOCTYPE html>
<html lang="ch"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="id=edge"><title></title></head><body><button id="send">发起get请求</button><script>window.addEventListener('load',function (ev) {var btn = document.getElementById('send');btn.addEventListener('click',function (ev1) {// 1. 创建一个请求对象var xhr = new XMLHttpRequest();// 2. 准备发送xhr.open('get','http://localhost:3000/api/one',true);// 3. 执行发送动作xhr.send(null);// 4. 监听服务器响应xhr.addEventListener('readystatechange',function (ev2) {// console.log(xhr.readyState);if (xhr.readyState === 4){// 意味着服务器响应结束// 不代表服务器响应一定正确// console.log(xhr.status);if (xhr.status === 200){console.log(xhr.response);}}})});})</script></body>
</html>

Node.js：简单的node服务器ajax请求相关推荐

从零开始搭建Node.js, Express, Ejs, Mongodb服务器
http://www.toolmao.com/nodejs-express-ejs-mongodb-server 本文改自非鱼的<[翻译]前端开发人员入门指南,从零开始搭建Node.js, Ex ...
Node.js 使用http客户端向网站请求数据并保存
app.js代码: // 内置http模块,提供了http服务器和客户端功能 var http=require("http");// 内置文件处理模块 var fs=require ...
用Node.js实现一个HTTP服务器程序（文件服务器）
http Node.js开发的目的就是为了用JavaScript编写Web服务器程序.因为JavaScript实际上已经统治了浏览器端的脚本,其优势就是有世界上数量最多的前端开发人员.如果已经掌握了J ...
Node.js搭建本地HTTP服务器（微信小程序）
Node.js搭建本地HTTP服务器(微信小程序) Node.js简易搭建本地HTTP服务器 1. 首先关闭微信开发者工具中的验证单击工具栏中的详情按钮,选中图中所示选项即可. 2. 将Node.j ...
node.js搭建简易Web服务器
node.js搭建简易Web服务器 node.js简介 Node.js 是一个基于V8引擎的JavaScript 运行环境. V8 是为Google Chrome 提供支持的 JavaScript 引 ...
[js] 说说防止重复发送ajax请求的方法有哪些？各自有什么优缺点？
[js] 说说防止重复发送ajax请求的方法有哪些?各自有什么优缺点? // 方法一防抖function debounce(f, ms) { let time; return function(){ ...
Node.js: 如何退出node命令或者node server
如果是要退出node命令的话,可以使用: $ node > 9+23 32 > process.exit() $ 或者 $ node > 9+23 32 > .exit $ 如 ...
node.js android 聊天,Node.js实现简单聊天服务器
使用Nodejs是如此简单的实现了一个简单的聊天服务器实现代码如下: var net = require('net'); var chatServer = net.createServer(),cl ...
node.js简单实现post请求
//需求:通过post方式实现新增英雄的功能 //1.创建服务器 //2.总体思路是:创建服务器---获取请求接口和方式---'data'监听事件接收数据---'end'事件执行完接收---把原jso ...
通常，Node.js如何处理10,000个并发请求？
本文翻译自:How, in general, does Node.js handle 10,000 concurrent requests? I understand that Node.js use ...

Node.js：简单的node服务器ajax请求

知识点

过程

Node.js：简单的node服务器ajax请求相关推荐

最新文章

热门文章