前端学习（1422）：ajax获取服务器端的响应

// 引用expess框架
const express = require('express');
// 处理路径
const path = require('path');const bodyParser = require('body-parser');// 创建网站服务器
const app = express();
app.use(bodyParser.json());
app.get('/first', (req, res) => {res.send('hello geyao')
})
app.get('/responsdate', (req, res) => {res.send({ "name": "geyao" })
})
app.post('/post', (req, res) => {res.send(req.body);
})
app.get('/get', (req, res) => {res.send(req.query);
})
app.post('/json', (req, res) => {res.send(req.body);
})
app.get('/readystate', (req, res) => {res.send('hello');
})
app.use(express.static(path.join(__dirname)));
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功, 请访问localhost')

ajax5.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>var xhr = new XMLHttpRequest();console.log(xhr.readyState);xhr.open('get', 'http://localhost:3000/readystate');console.log(xhr.readyState);xhr.onreadystatechange = function() {console.log(xhr.readyState);//if (xhr.readyState == 4) {console.log(xhr.responseText);}}xhr.send();</script>
</body></html>

运行结果

前端学习（1422）：ajax获取服务器端的响应相关推荐

Ajax --- 获取服务器端的响应
虽然这种方式已经过时了,但是依然还有很多人在用.因此,把它作为了解的知识点,当看到别人在用时,知道是什么意思就可以了. 1. 先了解 ajax 状态码在创建ajax对象,配置ajax 对象,发送请求 ...
Ajax获取服务器端的响应
一.Ajax 状态值在创建ajax对象,配置ajax对象,发送请求,以及接收完服务器端响应数据,这个过程中的每一个步骤都会对应一个数值,这个数值就是ajax状态值. ajax状态值说明 0 请求未 ...
Ajax获取服务器端响应数据的两种方式
方式一:onload xhr.onload = function (){console.log(xhr.responseText);} 方式二: Ajax状态码: 在创建ajax对象,配置ajax对象 ...
前端一定得学ajax吗,前端学习之ajax
一.什么是json JSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式. 它基于ECMAScript(w3c制定的js规范)的一个子集,采用完全独立于 ...
前端学习（2604）：增加响应头可以获取数据
前端学习笔记——Ajax
URL地址 URL地址的概念 URL (全称是UniformResourcel ocator)中文叫统一资源定位符, 用于标识互联网上每个资源的唯一存放位置,浏览器只有通过URL地址,才能正确定位资源 ...
ajax获取服务器端数据参数详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...
前端学习（1418）：服务器响应的数据格式
ajax.js // 引用expess框架 const express = require('express'); // 处理路径 const path = require('path');// 创建 ...
前端学习笔记--AJAX的应用（三）form表单改为AJAX提交
无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家.教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家.点这里可以跳转到教程. 参考博客:http://ww ...

前端学习（1422）：ajax获取服务器端的响应

前端学习（1422）：ajax获取服务器端的响应相关推荐

最新文章

热门文章