ajax之换一换的功能实现

介绍:
ajax = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)
ajax 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

换一换功能需求:
1)有一组元素
2)点击后更新元素内容
3)不创造新元素

下面进行思路解析:
1:静态布局一组li元素,用于接收后台传送的数据内容;
2:点击事件发生后,用jquey的ajax数据交互
3:更新内容

一、静态页面搭建



    
    

二、js代码书写
整体思路:
点击事件后在ajax中对成功传入的r,进行数组排序,按照arr.sort()由于返回值出现正负的特性,在利用0.5-Math.random() 随机数产生的正负,进行不规律传递取数据,但尚未解决上次出现的不再出现。。。


    

代码更多使用ES6编写 不考虑低级浏览器~

你可能感兴趣的:(ajax之换一换的功能实现)