项目三遇到的知识点总结

<h2 id="一jquery-ajax-使用formdata对象上传单个图片">一、jQuery ajax 使用formdata对象上传单个图片

• 上传图片并没有做出预览的效果

• 引入jq

• processData设置为false.因为data值是FormData对象，不需要对数据做处理。
• cache设置为false,上传文件不需要缓存。
• 默认值为contentType = "application/x-www-form-urlencoded".在默认情况下，内容编码类型满足大多数情况。
• 浅谈contentType = false,原文地址

• JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不须要任何的API或工具包

在JSON中，有两种结构:对象和数组。

• 一个对象以{开始，}结束。每个'key'后跟:,"key/value对"之间用,分割。

            json = {'name': '李木子','password': '123456'}

• 数组是值得有序集合。一个数组以[开始，]结束。值之间用,分隔。

    json = [{'name': '李木子','password': '123456'},{'name': '张长弓','password':'654321'}]

• 在数据传输流程中，json是以文本，即字符串的形式传递的，而js操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换时关键

JSON字符串

var jsonStr = "{'name': '李木子','password': '123456'}";

JSON对象

var jsonObj = {'name': '李木子','password': '123456'};

• 1.Javascript支持的转换方式

    var jsonObj = eval('(' + jsonStr + ')');

• 注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。

• 2.jQuery插件支持的转换方式

    $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

• 3.浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器

    JSON.parse(jsonStr);

• 注：ie8(兼容模式),ie7和ie6没有JSON对象，推荐采用JSON官方的方式，引入json.js。

JSON.stringify(jsonobj)

• $.grep()函数使用指定的函数过滤数组中的元素，并返回过滤后的数组

    var array = [1,2,3,4,5,6,7,8,9];
    var filterarray = $.grep(array,function(value){
        return value > 5;//筛选出大于5的
    })
    for(var i = 0;i

each 有两种用法：

• $.each(object,callback);
• object可以是数组，js对象，dom对象，json对象

• $(selector).each(callback);
• callback是回调函数，跳出使用return false;return true和continue的用法一样，但是在each中只能使用return ture;
• callback的实体就是function(index,element);
• index：遍历的索引位置，从0开始，如果为json对象或对象属性，则此值为对应的key值或属性；

• element:遍历得到的对象元素();

``

• $.map()函数用于使用指定函数处理数组中的每个元素（或对象的每个属性），并将处理结果封装为新的数组返回。

遍历json对象：

或者

index.html

footer.html

• footer.html不需要是完整的HTML

• $('.footer').load()调用时必须在服务器环境中打开HTML文件才能成功，不能直接双击打开

• 打开后浏览器的路径应该是http://127.0.0.1:8020/index.html，

• 而不是file:///G:/html/index.html这样的路径，否则在大部分的浏览器上都无法使用。

• 在此建议使用HBuilder这款编辑器，在运行时会创建服务器环境，并且在局域网中在别的手机或电脑上预览。

• 下载与引用：jquery.cookie.js基于jquery;先引jquery,再引用jquery.cookie.js;下载

$.cookie('cookieName','cookieValue');

• 注：当没有指明cookie时间时，所创建的cookie有效期默认到用户浏览器关闭为止，故被称为会话cookie。

$.cookie('cookieName','cookieValue',{expires:7});

• 注：当指明时间时，故称为持久cookie，并且有效时间为天。

$.cookie('cookieName',{expires：7,path: '/'});

• 注：如果不设置有效路径，在默认情况下，只能在cookie设置当前页面读取该cookie，cookie的路径用于设置能够读取cookie的顶级目录。

$.cookie('cookieName',{expires: 7,path: '/',domain: 'chuhoo.com',secure: false,raw: false});

• 注：domain:创建cookie所在网页所拥有的域名;secure:默认是false,如果为true,cookie的传输协议需为https;raw:默认为false，读取和写入时候自动进行编码和解码（使用encodeURIComponent编码，使用decodeURIComponent解码），关闭这个功能，请设置为true。

$.cookie('cookieName');//如果存在则返回cookieValue,否则返回null

• 更改cookie里的属性uid

    cookieName.uid = newUid;//newUid新的uid
    $('cookieName','cookieValue')//更改之后上传新的cookie

$.cookie('cookieName',null);

• 注： 如果想删除一个带有效路径的cookie，如:$.cookie('cookieName',null,{path: '/'});

    function getHrefData(href) {
        var href = href || window.location.href;
        if(href.indexOf("?") == -1) {
            return {};
        }
        var paramStr = href.substring(href.indexOf("?") + 1);
        var paramArray = paramStr.split("&");
        var reVal = {};
        for(var i = 0,len = paramArray.length; i < len; i++) {
            var tmp = paramArray[i].split("=");
            reVal[tmp[0]] = decodeURI(tmp[1]);
        }
        return reVal;
    }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!