ajax学习笔记

创建ajax对象

var xhr=new XMLHttpRequest();

告诉ajax请求地址以及请求方式

xhr.open('get','http://www.example.com');

发送请求

xhr.send();

获取服务器端给与客户端的相应数据

xhr.onload=function(){
	console.log(xhr.responseText);
}

注意：以上几条都在html文件中的script部分完成
创建路由路径（/first）

//引入express框架
const express = require('express');
//路径处理模块
const path = require('path');
//创建网站服务器
const app = express();
//静态资源访问服务功能
app.use(express.static(path.join(__dirname,'public')));
app.get('/first' ,(req,res)=>{
	res.send('Hello Ajax');
})
send函数中也可以接收json对象作为响应数据
app.listen(3000);
console.log('服务器启动成功');

在真实的项目中，服务器端大多情况下会以json对象作为相应数据的格式。当客户端拿到相应数据时，要将json数据和html字符串进行拼接，然后将拼接的结果展示在页面中

xhr.onload = function(){
	var resp = JSON.parse(xhr.responseText)
	console.log(responseText)
	var str = '<h2> + responseText.name + </h2>'
	//利用字符串拼接的方法输出一定的内容
}

get请求方式

xhr.open('get', 'http://www.example.com?name=zhangsan&age=20')

请求参数传递：