AJXA的基本使用

  1. AJXAX全称Asynchronous JavaScript And XML,通过AJAX可以在浏览器发送异步请求,无刷新获取数据。

  2. XML:可扩展标记语言,传输和存储数据,XML是自定义标签,已经被JSON替代

  3. AJAX优点:无刷新页面与服务端交互;允许根据用户事件更新部分页面内容

  4. AJAX缺点:没有浏览历史无法回退;存在跨域问题;SEO不友好(对爬虫不友好)

  5. HTTP协议:超文本传输协议;规定了浏览器与万维网服务器通信规则

  6. HTTP请求报文:请求行: GET/POST URL HTTP-version
    请求头:head。。。
    空行:
    请求体:GET为空,POST可以不为空(参数列表)

  7. HTTP响应报文:响应行: HTTP-version 200/404/403 OK
    响应头:head。。
    空行:
    响应体:返回的内容html内容

  8. Express基本使用:
    在这里插入图片描述

  9. AJAX案例:
    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

10.AJAX设置请求参数:
http:// URL/xx ? a=1&b=2&c=3
11.Post请求:
在这里插入图片描述

  1. post请求设置参数:
    在xhr.send(‘a=1&b=2&c=3’)
    13.设置请求头:
    xhr.setRequestHeader(‘key’,’value’)
    14.AJAX处理json数据:
    自动转换:xhr.responseType =’json’
    在这里插入图片描述

15.nodemon—自动重新启动服务端 npm -i nodemen -g
16.针对IE缓存:
IE会优先走本地缓存,不会向服务端发送请求。
解决方法:xhr.open(‘GET’,”URL”+ DATA.now()); 每次发送不同的时间戳请求
17:请求超时和网络异常:
在这里插入图片描述

18.手动取消请求:
xhr.abort()
19.重复请求问题:(解决重复发送请求,服务器解决压力大)
在发新请求时将将未完成的请求取消。(添加状态码判断)
20. JQuery发送AJAX请求
在这里插入图片描述
在这里插入图片描述

21.axios AJAX请求工具包(主要)
在这里插入图片描述

22.使用fetch()发送请求:
在这里插入图片描述

23.如何解决跨域(AJAX默认是发同源(协议、域名、端口号必须相同)请求)
Jsonp:利用script标签的跨域能力来发送请求。(只支持get请求)
利用script标签跨域发送请求 返回js代码script解析
在这里插入图片描述

24.利用jQuery实现跨域

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值