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

运行结果

前端学习（1419）：ajax请求参数传递相关推荐

前端一定得学ajax吗,前端学习之ajax
一.什么是json JSON(JavaScriptObjectNotation,JS对象标记)是一种轻量级的数据交换格式. 它基于ECMAScript(w3c制定的js规范)的一个子集,采用完全独立于 ...
前端学习笔记——Ajax
URL地址 URL地址的概念 URL (全称是UniformResourcel ocator)中文叫统一资源定位符, 用于标识互联网上每个资源的唯一存放位置,浏览器只有通过URL地址,才能正确定位资源 ...
jQuery学习之四---Ajax请求
1.$.ajax(url,[settings]) jQuery版的Ajax:是对原生XMLHttpRequest对象的封装,同时也省去了很多麻烦当然前提是,你需要有一份JQ文件,可以自己去官网上去下 ...
Ajax学习：ajax请求发送前的准备
两方面内容:前端页面准备+服务端代码的准备点击按钮,向服务端发送请求,将服务端返回的响应体结果在div中呈现(页面不刷新) 页面准备 <!DOCTYPE html> <html l ...
前端学习笔记--AJAX的应用（三）form表单改为AJAX提交
无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家.教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家.点这里可以跳转到教程. 参考博客:http://ww ...
ajax请求如何判断超时,ajax请求超时判断(转载)
ajax请求时有个参数可以借鉴一下 var ajaxTimeOut = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : ' ...
ajax ssm 页面跳转_Shiro 教程，Ajax请求拦截跳转页面方案
我们知道Ajax不能做页面redirect和forward跳转,所以Ajax请求假如没登录,那么这个请求给用户的感觉就是没有任何反应,而用户又不知道用户已经退出或是 Session 超时了.这个时 ...
原生AJAX以及JQuery发送AJAX请求的几种方式
JSON&AJAX 文章目录 JSON&AJAX 1. JSON 1.1 json概述 1.2 Json使用 3. 原生AJAX 4. JQuery的AJAX 4.1 GET请求方式 ...
华为浏览器ajax请求失败,AJAX请求浏览器F12看不到返回值
最近在某某高校上线AA系统之后对于某一个接口,有的时候可以界面可以正常渲染并展示正确的数据,偶尔不行. 前端开发人员打开浏览F12,指着屏幕说,AJAX请求了没有返回呀,这个要后端看看到底是什么问题 ...

前端学习（1419）：ajax请求参数传递

前端学习（1419）：ajax请求参数传递相关推荐

最新文章

热门文章