前端学习(1419):ajax请求参数传递

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.get('/get', (req, res) => {res.send(req.query);
})
app.use(express.static(path.join(__dirname)));
// 监听端口
app.listen(3000);
console.log('网站服务器启动成功, 请访问localhost')

ajax2.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><p><input type="text" id="username"></p><p><input type="text" id="age"></p><p><input type="button" value="提交" name="" id="btn"></p><script>var btn = document.getElementById('btn');var username = document.getElementById('username');var password = document.getElementById('age');btn.onclick = function() {//1创建ajax对象var xhr = new XMLHttpRequest();//请求方式var nameValue = username.value;var ageValue = age.value;//var params = 'username=' + nameValue + '&&age=' + ageValue;xhr.open('get', 'http://localhost:3000/get?' + params);//发送请求xhr.send();//获取数据xhr.onload = function() {console.log(xhr.responseText);}}</script>
</body></html>

运行结果

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

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

相关文章

bzoj 3595

Splay 每个节点维护一个区间。 1 /**************************************************************2 Problem: 35953 User: idy0024 Language: C5 Result: Accepted6 Time:5428 ms7 Memory:56020 kb8 *********************************************…

记录 | 源码编译Arm CPU版FFmpeg

源码编译Arm CPU 版 FFmpeg 1. 安装依赖 包括&#xff1a; ● C/C 编译器 ● GNU make 工具 ● pkg-config ● yasm 汇编器 ● zlib 和 bzip2 压缩库 ● libssl 开发库 ● libx264、libx265、libvpx 和 libopus 开发库 sudo update sudo apt-get install build-essential mak…

前端学习(1420):ajax的post请求

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

matlab画柱状图斜线,matlab柱状图斜线填充

针对这种情况,MATLAB提供了若干特殊图形绘 制函数。接下来主要介绍特殊图形的绘制方法,主 要图形包括:条形图、区域图、饼状图、柱状图、 离散图、罗盘图、羽毛图、......针对这种情况,MATLAB提供了若干特殊图形绘 制函数。接下来主要介绍特殊图形的绘制方法,主 要图形包括:条形…

程序员要学会读源代码

在“沟通”这个复杂的领域里&#xff0c;写出能让人类领会并理解的连贯段落比敲出几行让解释器或编译器不致于“呕吐”的软件代码要难得多。 这就是为什么——就软件开发而言——所有的文档大概都是很差劲的。而且&#xff0c;由于为人写作比为机器写作要困难得多&#xff0c;文…

前端学习(1421):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…

matlab如何解不等式,如何用MATLAB求解不等式组的所有可能解

太多了吧&#xff1a;No. a b c d1 4 86 17 652 13 96 20 873 5 97 56 544 4 32 14 225 0 91 75 …

sed替换

1. sed可以替换给定的文本中的字符串&#xff0c;可以利用正则表达式进行匹配$ sed s/pattern/replace_string/ file或者$ cat file | sed s/pattern/replace_string/ file使用-i选项&#xff0c;可以将替换的结果应用于原文件&#xff0c;也可以借助重定向来保存文件&#xff…

mysql的中文乱码url,MySQL 中文显示乱码

MySQL 中文显示乱码MySQL 中文显示乱码如果你遇到乱码问题&#xff0c;可以从下面几个问题逐步检查&#xff1a;(1)检查你的文件存储编码是否和 meta 声明的一致&#xff0c;假如你的文件是按照 utf-8 编码存储&#xff0c;但是 meta 却声明为 gb2312 &#xff0c;将导致乱码。…

前端学习(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) }) ap…

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;在保护模式下不会对其它…

如何 循环 字母 php,PHP-php循环打印a-z字母的疑惑

读一下文档吧&#xff1a;docPHP follows Perls convention when dealing with arithmetic operations on character variables and not Cs. For example, in PHP and Perl $a Z; $a; turns $a into AA, while in C a Z; a; turns a into [ (ASCII value of Z is 90, ASCII v…

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

4 int.parse方法调用问题和同行评审

1 关于int.parse 的方法调用问题 我们知道int.parse用于数据类型的转换&#xff0c;int.parse(object obj)这个可以将填入的参数obj转换为int的数据类型。 我们在使用int.parse()时回遇到一系列问题。 例如&#xff1a;int.parse(null)会返回异常&#xff0c;另外int.Parse(&qu…

php zip下载损坏,php – 从zip中提取时损坏图像

我尝试使用curl从同一服务器中的一个虚拟主机下载一个zip文件到另一个虚拟主机. Zip文件包含* .php和* .jpg文件.问题是&#xff1a;有时JPG文件会损坏,如下所示&#xff1a;这是我的代码&#xff1a;$out fopen(ABSPATH./templates/default.zip,w);$ch curl_init();curl_set…

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

在 Swift 语言中更好的处理 JSON 数据:SwiftyJSON

SwiftyJSON能够让在Swift语言中更加简便处理JSON数据。 With SwiftyJSON all you have to do is: ?1234let json JSONValue(dataFromNetworking)if let userName json[0]["user"]["name"].string{//Now you got your value}And dont worry about the Op…