AJAX (1) — AJAX简介、XML简介、AJAX优缺点、HTTP协议请求报文与响应文本结构、express的基本使用

目录

一、AJAX简介

二、XML简介

三、AJAX的优缺点

  1.AJAX的优点

  2.AJAX的缺点

四、HTTP协议请求报文与响应文本结构

  1.HTTP

        (1).请求报文

        (2).响应报文

五、express的基本使用 


一、AJAX简介

        AJAX 全称为 Asynchronous Javascript And XML,就是异步的 JS 和 XML

        通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据

        AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新方式。

 

二、XML简介

        XML 可扩展标记语言,被设计用来传输和存储数据。

        XML HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签全都是自定义标签,用来表示一些数据。

        例如,此处有一个学生数据如下:

        name="Tom";age=18;sex="男"

        用XML表示:

<student>
    <name>Tom</name>
    <age>18</age>
    <sex>男</sex>
</student>

现在已经被JSON取代了,用JSON表示如下:

{"name":"Tom","age":18,"sex":"男"}

三、AJAX的优缺点

  1.AJAX的优点

        1.可以无需刷新页面而与服务器端进行通信

        2.允许你根据用户事件来更新部分页面内容

  2.AJAX的缺点

        1.没有浏览历史,不能回退

        2.存在跨域问题

        3.SEO不友好

四、HTTP协议请求报文与响应文本结构

  1.HTTP

        HTTP(hypertext transport protocol)协议【超文本传输协议】,协议详细规定了浏览器和万维网服务器之间互相通信的规则

        (1).请求报文

        重点是格式与参数

...

请求行         POST / URL HTTP/1.1

请求头         Host : baidu.com

                    Cookie: name = xxx

                    Content-type: application/x-www-form-urlencoded

                    User-Agent: chrome 83

空行

请求体         username=admin&password=admin

...

        (2).响应报文

...

响应行         HTTP/1.1 200 OK

响应头         Content-Type: text/html;charset=utf-8

                    Content-length: 2048

                    Content-encoding: gzip

空行

响应体        <html>

                        <head></head>

                        <body>

                    <p>你好!<p>

                        </body>

                     </html>

...

 

五、express的基本使用 

  step1.引入express

  step2.创建应用对象

  step3.创建路由规则

  step4.监听端口启动服务

//1.引入express
const { response } = require('express');
const express = require('express');

//2.创建应用对象
const app = express()

//3.创建路由规则
//request是对请求报文的封装
//response是对响应报文的封装
app.get('/',(request,response)=>{
    //设置响应
    response.send('HELLO EXPRESS')
});

//4.监听端口启动服务
app.listen(8000,()=>{
    console.log('服务已经启动,8000端口监听中....');
})

上一篇:Ajax-原生JS实现Ajax请求


下一篇:Photoshop简单绘制彩色贝壳