ajax

最新推荐文章于 2025-05-04 14:28:46 发布

獨歸

最新推荐文章于 2025-05-04 14:28:46 发布

阅读量107

点赞数

文章标签： ajax

本文链接：https://blog.youkuaiyun.com/weixin_53944118/article/details/115157043

版权

前端专栏收录该内容

23 篇文章

订阅专栏

AJAX（异步JavaScript和XML）是一种关键的前端技术，用于实现在不完全刷新页面的情况下与服务器进行通信，从而实现页面的局部更新。其优点在于提升用户体验，但缺点在于可能造成页面加载延迟和对搜索引擎优化不友好。为解决这些问题，可以考虑使用服务器端渲染。在实际应用中，原生AJAX代码涉及XMLHttpRequest对象的创建、打开、发送及状态监听等步骤。

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

1、ajax是什么

ajax:用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新

2、优点与缺点

优点：可以实现局部刷新页面，即在页面不刷新的情况下获取数据。
缺点：如果网速慢，则会出现ajax请求缓慢，页面空白的情况，对客户的体验不好。ajax请求不利于搜索引擎优化，一般搜不到ajax添加到页面的信息！
解决方案：可以先用服务器渲染
作用：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

3、原生代码

	var xhr = new XMLHttpRequest()//ajax的核心

	xhr.open(method,url,async)

	xhr.send()

	xhr.onreadystatechange = fuction(){
		if(xhr.readystate==4&&xhr.status==200){
			consong.log(1)
		}
	}
// 响应码 readyState 0（未初始化） 1（载入） 2（载入完成） 3（解析数据） 4（解析完成）
// http的状态码 status：  200 一切OK   404 资源早不到    500 服务器错误