提示:本笔记按照的是b站尚硅谷的 3小时Ajax入门到精通
咳咳希望自己可以四天看完
但是计算机网络学的不扎实不知道能不能整完
估计学习完后还需要复习复习在复习之前学的css和html都忘记的差不多了 js其实还没学完 但想提前了解一下并和js一起学习 建议之前有学过东西的同学来学习 刚入门的话感觉会听的一脸懵逼
AJAX
AJAX按照我的理解呢就是网页不刷新然后它可以自动的发送http请求后得到http相应
eg:百度搜索那个地方你输入什么东西立马就出来结果了都不需要你去点击搜索
京东or淘宝的界面栏图标鼠标放上去会有菜单下来 这个也是用了AJAX
提示:以下是本篇文章正文内容,下面案例可供参考
一、XML简介
XML被设计用来传输和存储数据
它的语言相似于HTML
我写串代码瞅瞅啊
以下是HTML写的啊其中标签都是预定义的 什么是预定义呢那就是专门说明了那个标签是干嘛的
<div></div>
<script>
//1.获取元素
var div = document.querySelector('div');
//2.注册事件 处理程序
div.onclick = function(){
this.style.backgroundColor = 'blue';
this.style.width = 400px;
}
</Script>
而XML不一样了它里面的标签都是没有预定义的 你甚至可以瞎起名字定义
//比如我有一个学生数据name = "孙大圣";age = 18;gender = "男";
<student>
<name>孙悟空</name>
<age>18</age>
<gender>男</gender>
</student>
为社么要讲呢 因为以前用的是这个东西 服务器返回的信息就是XML格式的字符串这个东西 提取信息后输出了
现在就不用XML了
所以我copy一堆代码干嘛 整的还以为是重点
它这个东西现在是被JSON代替了
二、AJAX的优缺点
1.优点
- 无需刷新界面就可以和服务器通信啦
- 用户干嘛捏你就按他干嘛更新页面的有的内容
2.缺点
- 没浏览历史,没有撤退可言(没法回退到之前开始的网页
- 存在这个跨域的问题
介个老师说一个网页发送请求到另一个网页是AJAX不允许的 但是应该有解决方案
- SEO不友好
网页中有的内容爬虫爬不到
AJAX整的东西是动态创建出来的 爬虫爬不到 源代码中是没有的
三、HTTP
用来传输通信的
遵循约定和规则来通信
请求报文
重点是格式和参数
行 POST s?ie=utf-8&f=8 HTTP/1.1
头 Host:atguigu.com
Cookie: name=guigu
Content-type: application/x-www-from-urlencoded
User-Agent: chrome 83
空行
体 username=admin&password=admin //如果是POST是可以不为空 若为GET是可以为空
本文含有隐藏内容,请 开通VIP 后查看