ajax请求步骤,以及文件运行(一)

本文介绍了Ajax的基本概念,强调其无刷新局部更新和异步通信的优势,同时指出可能的缺点,如浏览器历史和安全性问题。接着详细阐述了实现一个简单Ajax请求的四个步骤,并提供了在WAMP环境中运行Ajax项目的指导,包括服务器环境搭建和项目运行方法。
摘要由CSDN通过智能技术生成

ajax( Asynchromous JavaScript and XML)概念

ajax原理:简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面

作用: 处理数据交互

ajax的优缺点

优点:

1.无刷新状态下,实现局部更新
2.使用异步的方式与服务器通信,不打断用户的操作
3.将一些后端的工作移到前端,减少服务器与带宽的负担

缺点:

1.ajax自动更新机制,破坏了浏览器前进和后退机制
2.一个Ajax请求多了,也会出现页面加载慢的情况。
3.搜索引擎的支持程度比较低。
4.ajax的安全性问题不太好(可以用数据加密解决)。

更多 ajax的优缺点 详细说明,可阅读博客:https://blog.csdn.net/javazilu/article/details/70240288

同步和异步

同步: 阻塞模式。会阻塞后面的代码运行,也就是说,如果这块代码没有运行完,下面的代码就无法运行
异步: 非阻塞模式。不会阻塞后面代码的运行,在这块代码没有运行完之前,后面的代码也会执行,不会受到影响

实现一个简单的ajax请求步骤

1) 创建一个ajax对象:XMLHttpRequest(在IE6及以下,没有这个对象,用的是ActiveXObject插件:ActiveXObject(‘ Microsoft.XMLHTTP’))

let xhr = null;
	try {
   
		xhr = new XMLHttpRequest()
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值