ajax使用案例

Posted machangwei-8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax使用案例相关的知识,希望对你有一定的参考价值。

 

 

 

这里可以修改网络快和慢。限网,流量式的,做模拟的。

network->all代表加载的所有事件

技术图片

后面的那个显示有/,这个是首路由。后面有很多svg和js等文件

技术图片

想要这个服务器的地址,使用network->XHR  它是XMLHttpRequest 。

ajax封装的就是这个XHR对象。这里就能看到这个对象

技术图片

对象里有很多数据,没必要去看原生js的这个方法

技术图片

小**的接口:它调用的接口就是banner

技术图片

点击banner就可以看到服务器的接口,请求方式,状态码,远程ip等等

技术图片

下面是有响应头和请求头:

技术图片

这里可以修改请求设备:

技术图片

当点一下的时候又调用了很多接口,每个接口对应了很多数据。

技术图片

我们把请求发出去了,然后看的是响应,响应的数据我们要进行渲染

 

以上是关于ajax使用案例的主要内容,如果未能解决你的问题,请参考以下文章

Ajax 异步请求(登录案例实现 + ajax实现二级联动)

J. 案例THINKPHP框架使用Ajax

Ajax 解释Ajax的XML和JSON格式,操作Ajax的几种封装方法案例+解释

AJAX的使用案例

AJAX-04-笔记

ajax使用案例