Ajax学习

已于 2022-10-19 18:35:10 修改
阅读量224 收藏
点赞数
文章标签： ajax json jquery javascript
于 2022-10-19 18:34:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43508272/article/details/127413476
版权

前端AJAX

chrome的network调试

AJAX 异步的xml和js
loading
ajax也要向服务器发送请求
提高网页的加载速度
向下滚动，不需要刷新

xml

由标签组成
设计用来传输和存储数据
xml中没有预定义标签

html用来在网页当中呈现数据
html都是预定义标签

ajax特点

优点：
1、页面无需刷新就能向服务器通信
2、允许根据事件来更新部分页面内容
缺点：
1、没有后退可言-没有浏览历史
2、存在跨域问题
3、存在seo的问题（对爬虫不友好）

HTTP协议

超文本传输协议
一种约定：约定了请求和响应
1、请求报文
重点是格式和参数
请求行
GET /s?ie=utf-8 HTTP/1.1
请求头
Host:baidu.com
Cookie:name=guigu
Content-type:application/x-www-form-urlemcoded
User-Agent:chrome 83
请求空行

请求体

get的请求体为空。post可以不为空
2、响应报文
行
HTTP/1.1 200 ok *404 403 401 500 200
头
content-type:text/html;charset-utf-8
content-length:2048
content-encoding:gzip
空行
体

 <html>
    <body>
	<h1>hhhhh</h1>
    </body>
 </html>

Node.js下载安装

Express框架

在chrome浏览器如何查看请求\响应报文

同源策略

如何解决ajax在遵循同源策略前提下实现跨域

jsonp实现跨域
axios

cors实现跨域

努力成为一名程序员
关注
jquery、ajax学习电子书.zip
07-25
《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书，旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库，它极大地简化了DOM...
Ajax学习全套(最全最经典)
12-10
**Ajax 全套学习：构建交互式Web应用** Ajax（Asynchronous JavaScript and XML）是一种用于创建高度交互式和响应式Web应用的技术。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换，从而提升了用户体验...
AJAX 学习
weixin_43466639的博客
05-04 1355
AJAX 一、基本理论 1、定义 AJAX 是一种从网页访问 Web 服务器的异步无刷新技术。 异步：同步是必须等待请求返回结果之后，才能继续其他操作。异步是可以在等待的时间里去继续其他操作，当响应就绪后对响应进行处理。 无刷新：按需加载。（当点击查看更多的时候，就会结合DOM向服务器请求将数据追加进去，并没有刷新页面） 无刷新场景：如果要让用户留在当前页面中，同时发出新的HTTP请求，就必须用JavaScript发送这个新请求，接收到数据后，再用JavaScript更新页面，这样一来，用户就感觉自己仍然
史上最详细Ajax学习笔记
楠黎倾风的博客
09-19 8103
史上最强Ajax学习笔记
Ajax学习笔记
xiyi's Blog
03-17 1411
Ajax学习笔记一、关于Ajax什么是Ajax？什么是XML？优缺点二、HTTP协议HTTP协议报文 一、关于Ajax 什么是Ajax？ Ajax全称为Asynchronous JavaScript And XML ,就是异步的JS和XML。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无需刷新页面获取数据。 AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。 什么是XML？ XML是可扩展标记语言。被设计用来传输和存储数据。 XML和HTML相似。不同的是HTML用来呈现
AJAX学习
wyh20090713的博客
04-22 1830
AJAX介绍
Ajax学习：取消请求
weixin_47295886的博客
11-30 832
取消请求部分（由于不在作用域不在同一个，所以无法使用上一个函数里面的变量，所以使用let，不能使用const 因为值一变更就会报错）需要借助对象上的方法const xhr = new XMLHttpRequest();xhr的 abort()方法。在发送请求之后，浏览器还没有收到服务器的响应的时候，可以手动取消ajax请求。出现待处理说明还在请求中，200显示标识请求成功。两个按钮，一个发送请求，一个取消请求。js部分：发送请求部分。
AJAX学习笔记总结
最新发布
samroom的博客
11-03 1028
AJAX简介、XML简介、AJAX特点、服务端框架、GET请求案例、跨域同源策略、使用JSONP和CORS解决跨域
ajax学习心得（一）
07-08 668
记录学习心得，不一定正确，有错了再改嘛，嘎嘎！ 1、ajax是一种实现技术，可通过JS实现，也可通过JQuery实现； 2、AJAX =Asynchronous JavaScript and XML; 3、前段时间看JS基础的时候，被小伙伴嘲笑说后面基本不用，看了AJAX相关资料才发现，的的确确如此，人还是得会用工具节省时间才行，但是原理性的东西还是得明白； 4、使用javascript 实现 ajax 有很多缺点…方法、属性、常用值较多不好记忆，步骤 繁琐，浏览器兼容问题（这段话我抄的，反正初学.
ajax学习心得
qq_24092035的博客
03-14 1880
本文为学习慕课网视频http://www.imooc.com/learn/250的学习心得一、ajax基本概念ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），利用回调机制来实现异步请求。ajax的核心是XmlHttpRequest对象。一个ajax的实现原理为： 1、利用html和CSS来实现页面，表达信息 2、运用XmlHttp
Ajax学习分享
weixin_46236545的博客
04-10 968
Ajax学习笔记 依旧是广泛的学习和记录。继上一个文章webpack学习笔记后继续巩固自己学到的知识，并希望在未来能够回首再让这篇粗略的文章更有深度。 Ajax简介 Ajax全称是Asynchronous Javascript And XML（异步Javascript和XML），Ajax能更好的实现网页和服务器之间的数据交互。 通俗理解：若在网络上用到了XMLHttpRequest对象和服务器进行数据交互，就是Ajax。 应用场景： 用户名检测：注册用户时，通过Ajax的形式，动态检测用户名是否被占用。
ajax学习资料
06-17
ajax学习资料 1) show() hide()：显示 隐藏 2) fadeIn() fadeOut():改变不透明度 3) slideUp() slideDown() :改变元素的高度 4) 自定义动画 animate(params,speed,callback)
ajax学习文档
11-19
Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。 Ajax 是一种用于创建快速动态...
Ajax学习第四天的代码
10-30
在"Ajax学习第四天的代码"中，我们可以推测这是一个学习教程或实例，涵盖了Ajax的基本用法和常见应用场景。 首先，`index.html`是网页的主文件，它包含了页面的结构和内容。在这个Ajax的学习过程中，`index.html`...
AJAX学习总结（一）--基于jQuery第一个实例
05-28
在本篇“AJAX学习总结（一）--基于jQuery第一个实例”中，我们将探讨如何使用jQuery库实现异步JavaScript和XML（AJAX）技术。AJAX允许我们在不刷新整个页面的情况下，更新网页的部分内容，从而提供更流畅的用户体验...
16ajax学习笔记1
08-08
在本篇16ajax学习笔记1中，我们将探讨Ajax的基础概念、使用方法以及jQuery库中的Ajax实现。 1、发送请求： Ajax的首要任务是创建XMLHttpRequest对象，这是浏览器提供的API。在JavaScript中，我们可以通过new ...
最全的Ajax学习资料
01-15
Ajax，全称Asynchronous JavaScript and XML（异步JavaScript...在这个“最全的Ajax学习资料”中，你可以找到相关的教程、示例代码、实战项目和问题解答，帮助你深入理解和掌握Ajax技术，从而提高Web开发的效率和质量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值