Ajax技术简述

目录

一、Ajax技术

1.为什么要使用Ajax技术

2Ajax的工作原理:

二、Ajax的基本实现步骤

1、创建服务器

2.配置Ajax对象

3、获取服务器的响应

三、get请求

一、二者写法上的区别
let chicken = ['we','web','hello']
let chicken_normal = chicken.map(function(item){
    return item+='sd';
});
let chicken_arrow = chicken.map((item=>{
    return item+='sd'
}));
console.log(chicken_normal);
console.log(chicken_arrow)
 

这里并不能看箭头函数的好处,实际上只有一个参数的时候可以不给参数添加括号,而且只有一个表达式的时候可以不添加大括号,箭头函数就睡直接返回处理结果。即:

let chicken_arrow = chicken.map(item=> item+='sd');
可以看出函数里面表达式越少,箭头函数的表达就越简单明了,但是不能为箭头函数命名,因为箭头函数是函数表达式而且是匿名的。而普通函数可以是函数表达式也可以是函数声明。

因为箭头函数是匿名函数不是构造函数,所以他不能new一个对象并且没有原型。

二、this指向问题
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="normalp"></p>
    <p class="arrowp"></p>
    <script>
        const normalp = document.querySelector('.normalp')
        const arrowp = document.querySelector('.arrowp')
 
        let normal = {
            bibi:'哔哔',
            biubiu:function(){
                setTimeout(function(){
                    normalp.innerHTML = '普通函数:'+this.bibi;
                } ,1000)
            }
        }
        let arrow = {
            bibi:'哔哔',
            biubiu:function(){
                setTimeout(()=>{
                    arrowp.innerHTML = '箭头函数:'+this.bibi;
                } ,1000)
            }
        }
        normal.biubiu();
        arrow.biubiu();
    </script>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax(Asynchronous JavaScript and XML)是一种用于创建交互式的Web应用程序的技术。它通过使用JavaScript和XML(现在也包括JSON)来实现在不刷新整个页面的情况下,异步地向服务器发送请求并接收响应。 优点: 1. 提升用户体验:由于Ajax可以在后台与服务器进行异步通信,因此用户可以在不刷新整个页面的情况下获取更新的数据,使得网页更加动态和交互性,提升用户体验。 2. 减少带宽消耗:使用Ajax可以只更新页面中的一部分内容,而不是整个页面,从而减少了数据传输量,节约了带宽。 3. 提高页面加载速度:由于Ajax可以异步请求数据,因此可以在后台同时加载多个资源,在某些情况下可以提高页面加载速度。 4. 增加Web应用程序的灵活性:通过Ajax,可以将数据和展示逻辑分离,实现前后端的解耦,提高了Web应用程序的灵活性和可维护性。 缺点: 1. 对搜索引擎不友好:由于Ajax通过动态加载内容,搜索引擎难以获取到完整的页面内容,可能影响网站的SEO效果。 2. 增加开发复杂性:使用Ajax需要处理更多的前后端交互逻辑,增加了开发的复杂性,对开发者的要求较高。 3. 安全性考虑:由于Ajax可以异步请求数据,可能存在安全隐患,如跨站点脚本攻击(XSS)和跨站点请求伪造(CSRF)等问题,需要进行适当的安全措施。 总的来说,Ajax在提升用户体验和减少带宽消耗方面具有明显的优势,但在SEO和安全性方面需要注意一些问题。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值