学习AJAX必知必会（1）~Ajax

一、ajax（Asynchronous JavaScript And XML，即异步的 JS 和 XML）

1、通过 AJAX 可以在浏览器中向服务器发送异步请求实现`无刷新获取数据`。

2、优势：`无刷新获取数据`

① 无需刷新页面而与服务器端进行通信（即`无刷新获取数据`）

② 可以根据用户事件来更新部分页面内容

■ 缺点：

① 没有浏览历史，不能回退

② 存在跨域问题

③ SEO 不友好，不利于爬取数据

3、注意：AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

二、xml（可扩展标记语言）[是Ajax最初的数据格式，现在使用Json格式啦]

1、作用是：`传输和存储数据`

2、与html区别：html是预先定义好的语言，比如p标签是段落标签，a标签是链接标签，而xml是自定义标签

3、xml传输和存储数据的例子：

<!-- 存储和传输一个学生信息 -->

<student>

	<name>小明</name>

	<age>16</age>

	<sex>男</sex>

</student>

■ 使用json表示一个学生的信息，即键值对的集合（对象）

{name: '小明', age:16, sex:'男'}

□ 因为ajax作用就是向服务端发送请求，所以咱这里咱使用express（一个简洁而灵活的 node.js Web轻量级的应用框架）提供服务。

三、express（基于Node.js 平台的 web 应用开发框架）

1、准备工作：使用前安装node.js 应用程序（安装node的文章：https://blog.csdn.net/weixin_45630258/article/details/122129367）

2、简单使用express：

//(1)先进入某个文件夹项目下，编译器终端安装npm依赖命令：

npm init --yes

//(2)编译器终端安装express依赖命令：

npm i express

//(3) 启动express服务端框架命令（让咱书写的express的基本使用.js 文件提供服务)

//在浏览器地址栏搜索：http://127.0.0.1:8000/

node server.js

■ server.js 文件

//1、引入express

const express = require('express');

//2、创建应用对象

const app = express();

//3、创建路由规则

//request 是请求报文的封装，response 是响应报文的封装

app.get('/', (request, response) => {

    //设置响应头(允许跨域)

    response.setHeader('Access-Control-Allow-Origin', '*');

    //设置响应体

    response.send('hello express');

});

//4、监听端口启动服务

app.listen(8000, () => {

    console.log('服务端已经启动，8000端口正在监听...')

})

巴特西

学习AJAX必知必会（1）~Ajax

一、ajax（Asynchronous JavaScript And XML，即异步的 JS 和 XML）

1、通过 AJAX 可以在浏览器中向服务器发送异步请求实现`无刷新获取数据`。

2、优势：`无刷新获取数据`

① 无需刷新页面而与服务器端进行通信（即`无刷新获取数据`）

② 可以根据用户事件来更新部分页面内容

■ 缺点：

① 没有浏览历史，不能回退

② 存在跨域问题

③ SEO 不友好，不利于爬取数据

3、注意：AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

二、xml（可扩展标记语言）[是Ajax最初的数据格式，现在使用Json格式啦]

1、作用是：`传输和存储数据`

2、与html区别：html是预先定义好的语言，比如p标签是段落标签，a标签是链接标签，而xml是自定义标签

3、xml传输和存储数据的例子：

■ 使用json表示一个学生的信息，即键值对的集合（对象）

三、express（基于Node.js 平台的 web 应用开发框架）

1、准备工作：使用前安装node.js 应用程序（安装node的文章：https://blog.csdn.net/weixin_45630258/article/details/122129367）

2、简单使用express：

最新文章

热门文章

巴特西

学习AJAX必知必会（1）~Ajax

一、ajax（Asynchronous JavaScript And XML，即异步的 JS 和 XML）

1、通过 AJAX 可以在浏览器中向服务器发送异步请求实现无刷新获取数据。

2、优势：无刷新获取数据

① 无需刷新页面而与服务器端进行通信（即无刷新获取数据）

② 可以根据用户事件来更新部分页面内容

■ 缺点：

① 没有浏览历史，不能回退

② 存在跨域问题

③ SEO 不友好，不利于爬取数据

3、注意：AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。

二、xml（可扩展标记语言）[是Ajax最初的数据格式，现在使用Json格式啦]

1、作用是：传输和存储数据

2、与html区别：html是预先定义好的语言，比如p标签是段落标签，a标签是链接标签，而xml是自定义标签

3、xml传输和存储数据的例子：

■ 使用json表示一个学生的信息，即键值对的集合（对象）

三、express（基于Node.js 平台的 web 应用开发框架）

1、准备工作：使用前安装node.js 应用程序（安装node的文章：https://blog.csdn.net/weixin_45630258/article/details/122129367）

2、简单使用express：

最新文章

热门文章

1、通过 AJAX 可以在浏览器中向服务器发送异步请求实现`无刷新获取数据`。

2、优势：`无刷新获取数据`

① 无需刷新页面而与服务器端进行通信（即`无刷新获取数据`）

1、作用是：`传输和存储数据`