前端学习（1418）：服务器响应的数据格式

ajax.js

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

ajax.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>//1创建ajax对象var xhr = new XMLHttpRequest();//请求方式xhr.open('get', 'http://localhost:3000/responsdate');//发送请求xhr.send();//获取数据xhr.onload = function() {/* console.log(xhr.responseText); */var res = JSON.parse();console.log(res);var str = '<h2></h2>'document.body.innerHTML = str;}</script>
</body></html>

运行结果

前端学习（1418）：服务器响应的数据格式相关推荐

前端学习day28：响应式布局、阿里图标等
1. 阿里图标使用场景及原理原理:将小图标定义成字体,通过引入字体来展示这些小图标.因为此时的小图标相当于是一个文字,所以支持文字对应的所有样式. 使用步骤 1.打开阿里图标官网(https:// ...
前端学习笔记1ady50
今日考题(20分钟) """ 1.简述解释性语言和编译性的区别2.列举你所知道的python2与python3之间的区别3.什么是匿名函数.匿名函数一般结合什么一起使用, ...
HTML 前端学习（1）—— 初识HTML
HTML 前端学习(1)-- 初识HTML 浏览器输入网址回车后发生了几件事? 1. 浏览器朝服务端发送请求 2. 服务端接收请求(eg:请求百度首页) 3. 服务端返回相应的响应(eg:返回一个百度 ...
web前端学习笔记之Node.js
文章目录 01 浏览器中的JavaScript运行环境 02 什么是Node.js 03 安装Node.js 04 使用Node运行JS代码 05 fs模块文件操作 05.1 什么是fs模块 05. ...
react实战项目_前端学习路线图--从网页设计到项目开发
前端学习路线是螺旋上升的,需要耗费的时间和精力不比其他编程的少,由于其稳健性的特点,使其成为大多数企业开发的刚需编程语言.在网上看到有很多的前端学习路线图,但大部分的前端学习路线图是很零碎的,没有系统 ...
2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
你们的2016年前端学习计划是什么？
2015年,软件开发界发生了很多变化.有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本.下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一 ...
addeventlistener不支持ajax_好程序员web前端学习路线分享了解AJAX是什么
好程序员web前端学习路线分享了解AJAX是什么首先是服务器什么是服务器:咱们的页面来源于服务器:实例(在phpnwo上面存放一个页面), 咱们把页面放在互联网的服务器上,就有了自己的网站了. 1. ...
web后端语言_web前端学习路线图_快速入门web前端学习路线图
如何学好Web前端开发技术?前端学习路线是什么?如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者.Web前端的广泛运用,造 ...

前端学习（1418）：服务器响应的数据格式

前端学习（1418）：服务器响应的数据格式相关推荐

最新文章

热门文章