从0到1移动端微官网开发

最新推荐文章于 2022-09-09 09:55:00 发布

yangdongbiao123

最新推荐文章于 2022-09-09 09:55:00 发布

阅读量283

点赞数

分类专栏： ajax jquery 文章标签： ajax 移动插件密码 cookie

本文链接：https://blog.csdn.net/yangdongbiao123/article/details/76273463

版权

jquery 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

ajax

0 篇文章 0 订阅

订阅专栏

需要涉及到ajax、cookies等相关知识。
为了方便开发也要用到一些插件提高效率。在这里做一些开发过程的记录，也是为了以后查找方便。

前期准备

一开发基础JS文件

1 jquery-1.9.1.js //ajax基于JQ开发
2 template-web.js //结合ajax在前台对数据进行展示
3 md5.min.js //登录注册页对账号密码进行加密常用

二常用到的一些插件（具体用法请百度）

1 rem.js //自命名文件名，为了适配移动端尺寸。内容如下：

这里写图片描述

2 slidernav.js //用于多级联动 如：省市县

3 TouchSlide.1.1.js //轮播

1 数据在页面进行展示

ajax和template搭配使用

例：
<script type="text/javascript">
    $.ajax({
        url:'',
        type:'POST',
        dataType:'json',
        data:{"username":username,"password":passWord}, //是否需要传参看具体情况   
        success:function(data){
                  var mydata=data.data //data为端口里提供的参数
                  var html=template('hot',mydata) //ajax和template连接的用法
                  $("#hotsearch").append(html) //和HTML里面命名相对应
        }
    })
</script>

<script  type="text/css" id="hot">//id对应ajax里面template里的值；tpye="text/css"为固定写法
    {{each HotSearch}}
       <li><a href="javascript:(0)">{{$value}}</a></li>
    {{/each}}
</script>

<body>
    <ul class="hotsearch">

    </ul>
</bpdy>

2 登录注册/加密/储存数据等

1.密码md5加密

var passWord = md5($("#password").val()).toUpperCase();
//将密码进行md5加密，并将字母转换为大写。toUpperCase()方法用于把字符串转换为大写。

2.存储返回来的数据信息

sessionStorage.setItem("loginData",JSON.stringify(data));
//存储返回来的数据信息，JSON.stringify()方法将对象转换为字符串

var userData = JSON.parse(sessionStorage.getItem("loginData")).data[0];

注：用sessionStorage实现页面之间的数据传输
.
sessionStorage.setItem(key,value); //存储数据
sessionStorage.gettItem(key,value); //获取数据
sessionStorage.remove(key);//清除数据

JSON.stringify() //方法将对象转换为字符串
JSON.parse() //方法将字符串转换为对象

3 页面跳转/延迟跳转
$(location).attr(‘href’, ‘my.html’); //跳转到相应的页面

window.setTimeout(“window.location=’user/user-index.html’”,500);
//页面延迟跳转，因为要把提示语展示完毕之后再跳转

待续

yangdongbiao123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
从0到1移动端微官网开发

需要涉及到ajax、cookies等相关知识。为了方便开发也要用到一些插件提高效率。在这里做一些开发过程的记录，也是为了以后查找方便。前期准备一开发基础JS文件1 jquery-1.9.1.js //ajax基于JQ开发2 template-web.js //结合ajax在前台对数据进行展示3 md5.min.js //登录注册页对账号密码进行加密常用二常用到的一些插件（具体用法请
复制链接

扫一扫