前端复习-网络(1-概念)

本文详细介绍了前后端分离模式下数据处理的重要性,并通过具体步骤解析了使用Ajax进行网络请求的基本流程。从输入网址开始,经过DNS解析、HTTP请求建立、三次握手确认连接、发送请求、接收响应直至最终展示在浏览器上的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

现在前后端分离比较常见,所以对数据的处理要格外的熟练,复习ing

说到网络部分,我们仍然离不开Ajax,对这一部分我是又爱又恨,但是我在看其他文章的时候看到过这样一句话:“不掌握的网络的前端工程师,就是一个UI”。这句话深深地提醒着我。fighting!

请求页面时大概的流程:
1.输入网址(网址对应服务器,也对应着IP地址)
2.根据DNS解析出一个IP地址(IP指向了一个cdn缓存服务器),返回给浏览器。
3.找到服务器的位置,向服务器发送一个HTTP请求
4.三次握手(三次沟通)
5.进到服务器下,告诉他我要申请的东西。
6.四次挥手,并且链接断开(为了防止安全)
7.你拿着你申请的东西回到了浏览器(html+css+js),先解析html文档,link+css标签,然后引入js文件

随着百度注册窗口前端验证部分被人知。

首先需要下载wampserver

windows Apache MySql PHP 的环境集成
这里我不详细介绍他是如何下载和安装的,没有难度亲们,在之后我会用到它,到那时我们再细说。

form表单

MethodGET POST
actionaddress
enctype: 规定在发送表单数据之前如何对其进行编码
—– application/x-www-form-urlencoded
—– 在发送前编码所有字符(默认)
—– multipart/form-data ()
不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。

ajax

前面的博客我已经大致写了ajax的相关知识,现在我们在写如何封装一个ajax

这个过程,类似我们订餐的过程。
1.我们需要有手机(设备)
2.我们需要有app软件
3.选购,找商家,商品
4.下单,(并且备注) 付款
5.看他是否接单(监听一下物流信息)
6.下楼取餐

同样的道理,转移到ajax上我们需要的流程是什么样的呢
1.浏览器(设备)
2.要有一个Ajax对象(才可以用他的方法和属性)
3.发送Ajax请求(open方法),你要规定请求方式(GET / POST

oper(“get” , “erl” ,true);

4.send() (请求结束了,需要下单了)
5.onreadystatechange –> 监听一下数据是否回来了(是否接单)
6. 处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

余光、

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值