前端学习(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>

运行结果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/420056.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

asp.net 网站开发流程总结

由于这学期要做asp.net的网站开发&#xff0c;导师让我们在前期做详细的计划说明&#xff0c;时间安排。由于网站开发流程不知道&#xff0c;以及需要学什么指示都是盲懂&#xff0c;所以计划安排需在了解大致流程之后才能做出来&#xff0c;一下是询问同学和在网上查阅&#x…

php v9 如何获取超级管理员权限,Windows8.1如何获取超级管理员权限

Win8.1系统下默认管理员权限是有一定权限的&#xff0c;系统内部分文件是无法通过管理员权限进行操作的&#xff0c;需要获取更高级别的超级管理员权限才可&#xff0c;下面我们主要介绍下Win8.1如何利用注册表来获取超级管理员权限。操作步骤&#xff1a;1、首先建立记事本&am…

前端学习(1423):ajax错误处理

ajax.js // 引用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 gey…

delphi 中几种多线程操作方式

在了解多线程之前我们先了解一下进程和线程的关系 一个程序至少有一个主进程,一个进程至少有一个线程。 主线程又程为UI线程。 进程和线程的主要差别在于它们是不同的操作系统资源管理方式。进程有独立的地址空间&#xff0c;一个进程崩溃后&#xff0c;在保护模式下不会对其它…

前端学习(1424):ajax低版本兼容问题

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

前端学习(1425):同步异步概述

// 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) > {res.…

前端学习(1426):ajax封装

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

前端学习(1427):ajax封装二

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

深入理解css优先级

为什么要写这篇文章是因为 <style type"text/css"> body h1 {color: green; } html h1 {color: purple; } </style><body><h1>Here is a title!</h1> </body> 上面代码执行结果是这样的。按照我的理解&#xff0c;body在DOM中比…

php查询数据方法,php查询数据库的方法

php查询数据库的方法发布时间&#xff1a;2020-08-28 14:14:45来源&#xff1a;亿速云阅读&#xff1a;104作者&#xff1a;小新php查询数据库的方法&#xff1f;这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容…

powerdesigner 反向工程 oracle,PowerDesigner oracle 反向工程到cdm文件

用PowerDesigner反向工程来导处数据模型图是很方便的&#xff0c;以powerdesigner11 和oracle8i为例(其他版本略有不同)基本步骤如下&#xff1a;1&#xff0c;打开或新建一个PhysicalDataModel文件(.pdm) &#xff0c;(DBMS 是Sybase AS Anywhere 9 &#xff0c;或者下拉列表中…

前端学习(1428):ajax封装三

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

前端学习(1429):ajax封装四

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

前端学习(1430):ajax封装五

ajax.js // 引用expess框架 const express require(express); // 处理路径 const path require(path);const bodyParser require(body-parser); const fs require(fs);// 创建网站服务器 const app express(); app.use(bodyParser.json()); app.get(/first, (req, res) &…

前端学习(1431):ajax封装六

ajax.js // 引入express框架 const express require(express); // 路径处理模块 const path require(path); const bodyParser require(body-parser); const fs require(fs); // 创建web服务器 const app express();app.use(bodyParser.json());// 静态资源访问服务功能 …

oracle11连12c报权限错误,关于Oracle12c连接报错的问题

关于Oracle12c连接报错的问题这段时间因为项目原因&#xff0c;接触到了Oracle12C&#xff0c;其实问题很简单&#xff0c;就是pl/sql developer能够访问数据库服务端即可&#xff0c;却碰到了奇奇葩葩的问题&#xff0c;现分享一下。1、在java端报Ora-12505错误&#xff0c;即…

前端学习(1433):vue是什么

#### 1.1 Vue是什么> Vue.JS是优秀的前端 JavaScript 框架 > > react/angular/vue库和框架的区别:- 库(如jQuery)库是工具. 提供大量API&#xff0c;体现了封装的思想、需要自己调用这些API- 框架框架提供了一套完整解决方案,使用者要按照框架所规定的某种规范进行开发…

【100亿次的挑战】之春晚控制后台故事分享

讲师&#xff1a;freyli 项目历程简介在介绍控制后台部分之前&#xff0c;先简单回顾下项目的时间线&#xff1a; 10月25日&#xff0c;意向、调研、策划、沟通 11月24日&#xff0c;第一次技术初审 12月7日&#xff0c;互动形态框架确定&#xff0c;时间轴初现 12月15日&#…

前端学习(1434):为什么学习vue

#### 1.2 为什么要学习 Vue传统开发模式: JQueryRequireJS/SeaJSartTemplateGulp/Grunt随着项目业务场景的复杂,传统模式已无法满足需求就出现了Angular/React/Vue等框架- 企业需求 - 主流框架之一(React Angular Vue) - 易用、灵活、高效