////// 历史记录
$(function () {
// 标题
var art_title = $("#Lbl_Hotel_Name").text();
// 得到当前路径
var art_url = document.URL;// 页面地址
//得到code;
var Art_code = art_url.substring(art_url.indexOf('?') + , art_url.length);
// var art_code = $("#yincang").val();
// 价格 ;
var art_price = $("#Hotelprice").text();
//币种
var art_Money = $("#Money").text();
// 图片;
var art_im = $("#images_small li:first img ").attr("src");
var src = art_im.substring(, art_im.length - );
var hz = art_im.substring(art_im.length - , art_im.length);
var art_img = src + "s" + hz;
// 星级;
var art_start = $("#HotelStar").attr("src");
// 初始可以插入cookie 信息;
var len = ;
var canAdd = true; var hisArt = $.cookie("hisArt"); if (hisArt) {
hisArt = eval("(" + hisArt + ")");
len = hisArt.length;
}
/////////////////
// 如果浏览信息已经存在 则终止;
//$(hisArt).each(function () { // if (this.title = art_title) {
// canAdd = false;// 已经存在;
// return false;
// } //}); if (canAdd == true) {
// 构建json 数据
var json = "[";
var start = ;
if (len > ) {
start = ;
}
for (var i = start; i < len; i++) {
json = json + "{\"title\":\"" + hisArt[i].title + "\",\"Money\":\"" + hisArt[i].Money + "\",\"HotelPrice\":\"" + hisArt[i].HotelPrice + "\",\"HotelImg\":\"" + hisArt[i].HotelImg + "\",\"Img_Start\":\"" + hisArt[i].Img_Start + "\",\"Code\":\"" + hisArt[i].Code + "\"},";
}
json = json + "{\"title\":\"" + art_title + "\",\"Money\":\"" + art_Money + "\",\"HotelPrice\":\"" + art_price + "\",\"HotelImg\":\"" + art_img + "\",\"Img_Start\":\"" + art_start + "\",\"Code\":\"" + Art_code + "\"}]"; $.cookie("hisArt", json, { path: "/" }, { expires: });
}
}); $(function () {
//清空历史记录
//$.cookie("hisArt", null);
var json = eval("(" + $.cookie("hisArt") + ")");
var list = "";
for (var i = ; i < json.length - ; i++) {
list = list + "<div class='div1'><dl><dt><a href='<%=CSweb%>Templete/HotelOutside/HotelInfo.aspx?Code=" + json[i].Code + "'><img src=" + json[i].HotelImg + " /></a></dt><dd ><p class='p1'><a href='<%=CSweb%>Templete/HotelOutside/HotelInfo.aspx?Code=" + json[i].Code + "'>" + json[i].title + "</a></p>" + "<p class='p2'><span style='margin_right:34px'>4星</span>" + json[i].Money + json[i].HotelPrice + "</p></dd></dl><div><a href='#3'><img src=/images/xj_bi.jpg' /></a></div></div>" }
$("#list").html(list); });

取:

$(function () {
//清空历史记录
//$.cookie("hisArt", null);
var json = eval("(" + $.cookie("hisArt") + ")");
//alert(json);
var list = "<div class='LickTit' > <span class='LickIcon'></span><h2 >我的浏览记录</h2></div>";
for (var i = ; i < json.length; i++) {
list = list + "<div class='Lishi'><div class='Lishiimg'><a href='<%=CSweb%>Templete/HotelOutside/HotelInfo.aspx?Code=" + json[i].Code + "'><img src=" + json[i].HotelImg + " /></a> </div> <div class='Lishifont'> <p class='LishiP'> <a href='<%=CSweb%>Templete/HotelOutside/HotelInfo.aspx?Code=" + json[i].Code + "' class='Lishihref'>" + json[i].title + "</a></p><p class='LishiP'><span class='lsspan'>4星</span> </p> <p class='LishiP LishiP_bt'> <span class='lsspan'>" + json[i].Money + json[i].HotelPrice + "</span><a href='<%=CSweb%>Templete/HotelOutside/HotelInfo.aspx?Code=" + json[i].Code + "' class='lsahrf'>查看</a> </p> <a href='javascript:;' class='lishiNot'></a></div> </div> "
}
$("#list").html(list); $("#<%=cbl_Facility.ClientID%>").change(function () {
}); });

引用资源:

<script type="text/javascript" src="../js/jq.page/jquery.cookie.js"></script>

cookie存储记录的更多相关文章

  1. 通过localstorage和cookie实现记录文章的功能

    我们在做页面的时候,会考虑记录用户曾经看过的文章的功能,并记录下来在页面中显示!但是在IE低版本的下是不支持localstorage的功能,只能采用cookie来代替本地存储的功能!实现的方法如下! ...

  2. js读写Cookie问题(Cookie存储时长、Cookie存储域)汇总

    在采集网站用户行为数据/使用js对用户行为做交互时,经常会使用到Cookie,了解Js Cookie的读写,以及一些细节,非常重要.   什么是Cookie 所谓Cookie,只是一条极为短小的信息, ...

  3. cookie : 存储数据

    cookie : 存储数据,当用户访问了某个网站(网页)的时候,我们就可以通过cookie来像访问者电脑上存储数据 1.不同的浏览器存放的cookie位置不一样,也是不能通用的 2.cookie的存储 ...

  4. SetCookies, cookie规范注册表和cookie存储将会优先于设置在HTTP客户端级别中默认的那些

    遇到下面问题解决方法: Hey? 404 抱歉,你输入的网址可能不正确,或者该网页不存在. 7 秒后返回首页 使用独立的本地执行上下文来实现对每个用户(或每个线程)状态的管理. 定义在本地内容中的co ...

  5. cookie存储对象信息

    最近看到某公司某项目中用于保存多个城市信息到cookie中的方法,该方法的逻辑是按时间顺序记录最近访问过的三个城市的名字及id,逻辑包插入与含排重.插入与排重的代码如下: 1 2 3 4 5 6 7 ...

  6. Cookie存储中文报错:java.lang.IllegalArgumentException: Control character in cookie value or attribute.(转)

    项目中做自动登录和保存密码时,Cookie报错Java.lang.IllegalArgumentException,上google查了下 在http://hi.baidu.com/xtxycy/blo ...

  7. js cookie存储方法

    /*! * jQuery Cookie Plugin v1.4.0 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Kla ...

  8. jQuery 操作Cookie 存储 读取 删除等

    <script type="text/javascript" src="/UI.Web.CRM.Main/js/jquery-2.1.1.min.js"& ...

  9. js基础---cookie存储

    一.Cookie是什么Cookie是一种客户端(浏览器)把用户信息以文件形式存储到本地硬盘的技术,说白了就是一种浏览器技术 二.Cookie的作用Cookie的作用很单一,就是存储客户数据.(存储数据 ...

随机推荐

  1. set ver on/off

    set   verify(或ver)   on/off可以设置是否显示替代变量被替代前后的语句 SQL> set verify on SQL> select &num from d ...

  2. Java基础之序列化对象——反序列化对象(DeserializeObjects)

    控制台程序,使用如下代码能读入包含Junk对象的文件: import java.io.*; import java.nio.file.*; class DeserializeObjects { pub ...

  3. Servlet 3特性:异步Servlet

    解异步Servlet之前,让我们试着理解为什么需要它.假设我们有一个Servlet需要很多的时间来处理,类似下面的内容: LongRunningServlet.java package com.jou ...

  4. 【转】Tomcat总体结构(Tomcat源代码阅读系列之二)

    本文是Tomcat源代码阅读系列的第二篇文章,我们在本系列的第一篇文章:在IntelliJ IDEA 和 Eclipse运行tomcat 7源代码一文中介绍了如何在intelliJ IDEA 和 Ec ...

  5. PostgreSQL Replication之第十二章 与Postgres-XC一起工作(2)

    12.2安装 Postgres-XC 可以从 http://postgres-xc.sourceforge.net/下载Postgres-XC.对于本书,我们使用1.0.3版本的Postgres-XC ...

  6. Leetcode: Binary Watch

    A binary watch has 4 LEDs on the top which represent the hours (0-11), and the 6 LEDs on the bottom ...

  7. 转:python webdriver API 之下载文件

    webdriver 允许我们设置默认的文件下载路径.也就是说文件会自动下载并且存在设置的那个目录中.要想下载文件,首选要先确定你所要下载的文件的类型.要识别自动文件的下载类型可以使用 curl ,如图 ...

  8. [reprint]useful linux commands

    linux一说都是搞开发玩的,敲敲键盘就能完成所有的工作.其实你也可以这么玩,玩游戏的除外哦. 那我们就来侃侃如何玩,linux是命令的天下,高级的命令那是相当的多,但是我们正真用到的也就那么几个看你 ...

  9. SOL面向对象 五大原则

    单一职责原则SRP(Single Responsibility Principle)是指一个类的功能要单一,不能包罗万象.如同一个人一样,分配的工作不能太多,否则一天到晚虽然忙忙碌碌的,但效率却高不起 ...

  10. .NET: XML

    XML在平常生活中用得很多,它的结构很简单,跟windows explorer有点像. 对它进行操作主要有三种方式:XmlDocument, 假设有这么一个XML文件Book.XML <?xml ...