`
lizaochengwen
  • 浏览: 659743 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

本地保存网页上的数据

阅读更多
今天做项目,使用jquery,需要将网页上的数据保存在本地,以前用过jquery读取xml文件,以为可以直接写入,可做的时候,怎么也实现不了。在网上听说js没有写文件的权限,否则会导致天下大乱。在网页中,是不能进行io操作的,也就是不能写文件,所以直接在磁盘上是不可能完成你的任务的。如果你的网页部署在服务器上,在页面后台倒是可以很轻松的实现,可以通过数据库啦、文件操作、cookie等方式来进行。其实cookie是存在本地的,不用什么后台不后台,所以我使用了cookie保存本地数据信息,实现了项目的需求。原来要在本地保存网页上的数据,得使用cookie。这里有一个很不错的cookie插件。
插件代码:
jQuery.cookie = function(name, value, options) {

  if (typeof value != 'undefined') {        
      options = options || {};        
	  if (value === null) {            
	      value = '';            
	      options = $.extend({}, options);            
	      options.expires = -1;        
	  }        
	  var expires = '';        
	  if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {            
	  var date;            
	  if (typeof options.expires == 'number') {                
	  date = new Date();                
	  date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));            
	  } else {                
	  date = options.expires;            
	  }            
	  expires = '; expires=' + date.toUTCString();        
	  }        
	  var path = options.path ? '; path=' + (options.path) : '';        
	  var domain = options.domain ? '; domain=' + (options.domain) : '';        
	  var secure = options.secure ? '; secure' : '';       
	  document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');    
	  } else {        
	  var cookieValue = null;        
	  if (document.cookie && document.cookie != '') {            
	  var cookies = document.cookie.split(';');            
	  for (var i = 0; i < cookies.length; i++) {                
	  var cookie = jQuery.trim(cookies[i]);               
	  if (cookie.substring(0, name.length + 1) == (name + '=')) {                    
	  cookieValue = decodeURIComponent(cookie.substring(name.length + 1));                    
	  break;                
	  }            
	  }        
	  }        
	  return cookieValue;    }};

操作代码:
jQuery操作cookie的插件,大概的使用方法如下
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', 'the_value'); //设置cookie的值
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie('the_cookie', 'the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie

很不错哦,都快来试试吧。
分享到:
评论

相关推荐

    JAVA读取远程网页文件并保存本地

    JAVA读取远程网页文件并保存本地 从远程URL地址获取网页文件下载到本地 这个方法可以生成静态HTML文件使用!

    数据挖掘-网页数据集

    网页数据的获取通常涉及网络爬虫技术,这是一种自动化程序,可以遍历互联网,抓取网页内容并存储到本地。这些内容可能包括HTML代码、图片、视频等多种形式,为后续的数据分析提供原始素材。在数据挖掘中,这些网页...

    LABVIEW 获取网页数据_labview访问网页下载文章

    标题 "LABVIEW 获取网页数据_labview访问网页下载文章" 描述了一个使用LabVIEW(Laboratory Virtual Instrument Engineering Workbench)编程来获取和下载网页数据的过程。LabVIEW是美国国家仪器公司(NI)开发的一...

    保存网页上的图片到本地

    - `savePath`:本地保存路径。 - `timeOut`:请求超时时间,单位为毫秒,默认为-1表示无超时限制。 内部逻辑分为以下几个步骤: - 创建`HttpWebRequest`对象,并设置超时时间。 - 发送请求并获取响应。 - 检查响应...

    VC_Net.zip_VC 网页_c保存网页数据_保存 网页_网页保存_网页访问

    3. **保存网页**:有了网页数据后,开发者可能希望将其保存为文件。C++标准库的`std::ofstream`可以用来创建一个输出文件流,将网页数据写入文件。例如,可以创建一个名为“网页保存.html”的文件,然后使用`std::...

    sessionStorage本地存储数据实例

    在这个“sessionStorage本地存储数据实例”中,开发者可能遇到的实际需求是在网页上记录用户最近使用的快递公司,以便在用户下次访问时能够快速调用这些信息,提升用户体验。下面我们将深入探讨`sessionStorage`的...

    js利用IE通过windowopen方式保存网页部分内容到本地

    本文将详细解析这一技术的核心原理与实践步骤,帮助读者深入理解如何通过`window.open`方法在IE浏览器环境下保存网页数据。 ### 技术核心:`window.open`与`execCommand` #### `window.open`方法 `window.open`是...

    网页间数据传递

    本篇将详细讲解几种常见的网页间数据传递方法。 1. **URL参数**:最简单的方法是通过URL查询字符串来传递数据。例如,从`a.htm`跳转到`b.htm`,可以在URL后面添加`?key=value`的形式,`b.htm`可以通过JavaScript的`...

    javascipt保存 网页脚本 数据 读写 再加密 主函数.rar

    首先,JavaScript数据的保存通常指的是在客户端存储用户的数据,这通常分为两种主要方式:浏览器的本地存储(Local Storage)和会话存储(Session Storage)。Local Storage可以永久地在用户浏览器中保存数据,即使...

    qt写的抓取网页图片并保存到本地

    通过`get()`或`post()`方法,我们可以获取或提交网页数据。 2. **HTML解析**:为了找到网页中的图片链接,我们需要解析HTML文档。QT不内置HTML解析器,但可以通过`QDomDocument`或`QXmlStreamReader`类配合网络模块...

    易语言取网页数据

    当网页上存在需要下载的资源,如图片、文档或视频,程序可以通过分析URL,调用“文件下载”相关函数,将远程文件保存到本地。在下载过程中,还需要考虑断点续传、错误重试、进度显示等高级特性,以确保文件完整、...

    远程抓取网页到本地数据库

    ### 远程抓取网页到本地数据库:详细解析与实现 ...通过以上步骤,可以实现从远程网页抓取数据并存储到本地数据库的功能。这种方式不仅能够高效地收集网络上的信息,还能便于后续的数据分析和利用。

    java实现本地读取图片存储到数据库中并在html网页显示

    首先,我们需要理解的是,将图片存储到数据库中通常采用的方法是将图片转换为二进制数据流。这是因为数据库系统更善于处理结构化数据,而不是像图片这样的非结构化数据。在Java中,我们可以使用`java.io`和`java.nio...

    网页数据比分抓取源码

    4. **存储数据**:提取的数据通常会被保存到本地文件、数据库或者实时发送到远程服务器进行进一步分析。 在这个Demo中,用户设置的部分可能包括输入URL、设置匹配比分数据的关键字或模式,以及定义数据抓取的频率。...

    AJAX实现读取本地文本文档内容并展示在网页上

    在本场景中,我们将探讨如何使用AJAX来读取本地的文本文档内容,并将其展示在网页上。这个功能在现代Web应用中非常常见,比如预览文件、编辑器中的实时保存等。 首先,我们需要理解AJAX的基本工作原理。它通过...

    ASP.NET实现网页快照(C#生成网页截图 将指定html网页转换成图片保存到本地)(源代码)

    在这个特定的场景中,我们关注的是如何使用C#编程语言在ASP.NET环境中实现一个网页快照的功能,即将一个指定的HTML网页转换为图片并保存到本地。 网页快照,也被称为网页截屏或网页捕获,是将一个网页的视觉表现...

    本地浏览网页

    标题“本地浏览网页”指的是在本地计算机上设置一个网络服务器,以便可以预览和测试网页,而无需将它们上传到互联网。这在网页开发过程中非常常见,因为这样可以在实际发布之前进行快速迭代和调试。描述中的“搭建...

    Java读取串口数据并可在网页上调用

    - **数据存储与更新**: 可以将接收到的数据保存在内存中的数据结构,如ArrayList或HashMap,以便后续处理。 3. **网页调用与数据显示**: - **服务器端**: 使用Java Web技术(如Servlet、JSP或Spring Boot)创建...

    html5本地数据存储两方案之框架

    HTML5是现代网页开发的关键技术之一,其在本地数据存储方面提供了两个主要方案:Web Storage(包括localStorage和sessionStorage)以及IndexedDB。标题提到的"html5本地数据存储两方案之框架"指的是利用这些技术构建...

    jsoup实现爬取一个完整的网站,并保存到本地

    用jsoup实现爬取一个完整的网站,包含网站里的所有链接内容,会另存为html到本地,js和css文件也会保存到本地,可以直接在本地打开查看一个完整的网站。...提供一个链接和保存爬取后的网页保存位置即可。

Global site tag (gtag.js) - Google Analytics