jquery日期控件

JSON和JSONP详解

徘徊边缘 提交于 2020-02-01 02:58:38
什么是JSON   JSON是一种基于文本的数据交换方式,或者叫做数据描述格式,你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点:   1、基于纯文本,跨平台传递极其简单;   2、Javascript原生支持,后台语言几乎全部支持;   3、轻量级数据格式,占用字符数量极少,特别适合互联网传递;   4、可读性较强,虽然比不上XML那么一目了然,但在合理的依次缩进之后还是很容易识别的;   5、容易编写和解析,当然前提是你要知道数据结构;   JSON的缺点当然也有,但在作者看来实在是无关紧要的东西,所以不再单独说明。 JSON的格式或者叫规则:   JSON能够以非常简单的方式来描述数据结构,XML能做的它都能做,因此在跨平台方面两者完全不分伯仲。   1、JSON只有两种数据类型描述符,大括号{}和方括号[],其余英文冒号:是映射符,英文逗号,是分隔符,英文双引号""是定义符。   2、大括号{}用来描述一组“不同类型的无序键值对集合”(每个键值对可以理解为OOP的属性描述),方括号[]用来描述一组“相同类型的有序数据集合”(可对应OOP的数组)。   3、上述两种集合中若有多个子项,则通过英文逗号,进行分隔。   4、键值对以英文冒号:进行分隔,并且建议键名都加上英文双引号”",以便于不同语言的解析。   5、JSON内部常用数据类型无非就是字符串、数字、布尔

JSON和JSONP (含jQuery实例)(share)

夙愿已清 提交于 2020-02-01 02:53:59
来源: http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿: JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议 。我们拿最近比较火的谍战片来打个比方,JSON是地下党们用来书写和交换情报的“暗号”,而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没?一个是描述信息的格式,一个是信息传递双方约定的方法。 什么是JSON 前面简单说了一下,JSON是一种基于文本的数据交换方式,或者叫做数据描述格式。 JSON的优点: 1、基于纯文本,跨平台传递极其简单; 2、Javascript原生支持,后台语言几乎全部支持; 3、轻量级数据格式,占用字符数量极少,特别适合互联网传递; 4、可读性较强

json和jsonp的使用格式

一个人想着一个人 提交于 2020-02-01 02:52:07
最近一直在看关于json和jsonp的区别和各自的用法、优缺点! 下面是我看到过解释最清楚的一片文章 说到AJAX就会不可避免的面临两个问题, 第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决? 这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是 用JSON来传数据,靠JSONP来跨域 。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方,JSON是地下党们用来书写和交换情报的“暗号”,而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没?一个是描述信息的格式,一个是信息传递双方约定的方法。 什么是JSON? 前面简单说了一下,JSON是一种基于文本的数据交换方式,或者叫做数据描述格式,你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点: 1、基于纯文本,跨平台传递极其简单; 2、Javascript原生支持,后台语言几乎全部支持; 3、轻量级数据格式,占用字符数量极少,特别适合互联网传递; 4、可读性较强,虽然比不上XML那么一目了然

前端-JQuery

时间秒杀一切 提交于 2020-01-31 22:50:49
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫

二十二、【轻量级开源框架】EFW框架Web前端开发之JqueryEasyUI

隐身守侯 提交于 2020-01-13 04:45:46
回《 【开源】EFW框架系列文章索引 》 EFW框架源代码下载V1.2: http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载: http://pan.baidu.com/s/1o6MAKCa 前言 :EFW框架主要用于行业软件软件开发,所以软件的界面需要体现专业、漂亮、风格统一的效果;在Web方便这种界面框架还是有不少,如强大的EXT,基于Jquery的JqueryUI,还有一些国产的也都比较漂亮;而EFW框架中推荐的是JqueryEasyUI,为什么选择它了, 一是界面风格比较合适,控件也很全,已经满足系统的功能;二是JqueryEasyUI是基于Jquery,对于它的编码方式是非常舒服的,而且整个框架够轻量级;三是它的学习成本低,实例代码很全,花得几个小时熟悉一下就会使用 ;以前在项目中有用过ExtJS做界面开发,说实话用得比较痛苦,它那种编码方式不是一般人能接受的,界面都是用JS代码编写的,看起来不太直观,特别大家编码又不是太规范,日积月累最后一个页面js也是老长,最后出现对应闭合符号不对都要找半天;现在的项目都是使用JqueryEasyUI开发,那叫一个舒服啊;当然如果还是觉得JqueryEasyUI不够强大,你可以在EFW框架中非常方便的扩展你自己的界面框架; 本文要点: 1.JqueryEasyUI介绍 2

Jquery日历控件

故事扮演 提交于 2020-01-04 02:20:36
9个有用的jQuery日历和网页设计师的日期选择器插件 事件日历和日期选择器是是我们开发当中经常遇到的问题,这个时候我们就需要用jquery插件来实现,昨天我在做项目的时候,遇到了个问题就是如何显示倒计时问题,我这个时候就用jquery插件解决的,今天给大家分享9个其他的时间选择器插件 1。 FullCalendar FullCalendar是一个著名的jQuery日历插件,它提供了拖和下降功能,与谷歌日历整合,并能够通过JSON获取事件等功能。 设计人员可以轻松定制外观和感觉的日历,而开发人员可以利用用户触发的事件暴露挂钩。 2. Astonishing iCal-like Calendar 这是一个使用jQuery和CSS来构建一个iPhone风格的日历应用程序的教程。 3 jQuery UI的DatePicker jQuery UI的DatePicker的是一个高度可配置的插件,他添加到您的网页的日期选择器的功能。 您可以自定义的日期格式和语言,限制了可选择的日期范围,并容易添加按钮和其他导航选项。 4。 jMonthCalendar jMonthCalendar支持全月日历和事件。 这个插件的有趣的部分是它允许开发者开发互动的日历。 5 日期选择器 。 MIT和GPL许可证下发布的日期选择器是一个jQuery日历插件。 它有很多的选项和功能。 例如,你可以有多个日历组件

Sliding Panels - 滑动门插件

旧巷老猫 提交于 2019-12-28 06:39:35
Sliding Panels - 滑动门插件 1)Colorful Sliders With jQuery & CSS3 使用 jQuery 和 CSS3 的特性来创建3D 动态的幻灯效果。主要功能:创建幻灯效果、动态改变柱状图、能够和 jQuery 整合。 主页: http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/ 演示地址: http://demo.tutorialzine.com/2010/03/colorful-sliders-jquery-css3/demo.html 更新日期: 2011-10-19 2)divSlider基于jquery的水平滑动的导航菜单. 主页: http://www.36ria.com/2012 演示地址: http://www.36ria.com/demo/divSlider/ 3)Tiny Carousel 是一个轻量级jQuery Slideshow插件用于展示基于html的内容。支持水平和垂直滑动,支持通过按纽或分页导航内容,可以设置每次滑动的内容块数,易于定制。 主页: http://baijs.nl/tinycarousel/ 4)Slide Top Panel 基于Jquery,为用户提供简单的固定于顶部的滑动条。 主页: http://www

jQuery快速入门

陌路散爱 提交于 2019-12-22 07:44:04
一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ 二、jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫

Jquery

谁说我不能喝 提交于 2019-12-21 22:18:08
目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基本使用 1.2.1 jQuery 的下载 1.2.2. 体验jQuery 1.2.3. jQuery的入口函数 1.2.4. jQuery中的顶级对象$ 1.2.5. jQuery 对象和 DOM 对象 1.2.6. jQuery 对象和 DOM 对象转换 1.3. jQuery 选择器 1.3.1. 基础选择器 1.3.2. 层级选择器 1.3.3. 筛选选择器 1.3.4 知识铺垫 1.3.5 案例:淘宝服饰精品案例 1.4. jQuery 样式操作 1.4.1. 方法1: 操作 css 方法 1.4.2. 方法2: 设置类样式方法 1.4.3. 案例:tab 栏切换 1.5. jQuery 效果 1.5.1. 显示隐藏 1.5.2. 滑入滑出 1.5.3 淡入淡出 1.5.4 自定义动画 1.5.5 停止动画排队 1.5.6. 事件切换 1.5.7. 案例:王者荣耀手风琴效果 1.6. 今日总结 day02 - jQuery 1.1. jQuery 属性操作 1.1.1 元素固有属性值 prop() 1.1.2 元素自定义属性值 attr() 1.1.3 数据缓存 data() 1

jquery datepicker-强大的日期控件

狂风中的少年 提交于 2019-12-21 14:18:22
在web开发中,总会遇到需要用户输入日期的情况。一般都是提供一个text类型的input供用户输入日期。然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性。除此之外,让用户输入日期也是一件不爽的事,如果用户可以直接选择日期,这两个问题都解决了。 我们也可以自己用javascript写一个日期选择控件,然而,想要写的很好、很漂亮却需要花不少时间和精力。jQuery有一个UI插件: datepicker ,可以帮我们实现该功能,而且界面很漂亮。下面就学学如何使用它吧。 datepicker 插件是jQuery UI的一个插件,它提供一个日期弹出窗口(或直接显示在页面),供用户选择日期。 前提条件 导入jquery-1.7.2.js ,也可以是其它版本。我做的demo是这个 导入jquery-ui.js,也可以直接指向 http://code.jquery.com/ui/1.10.2/jquery-ui.js 这个地址。前提是要有网络。 添加对中文的支持-jquery.ui.datepicker-zh-CN.js,如果没有这个文件,显示英文版。 导入jquery-ui.css,样式表也可以自定义。 最简单的用法 如果仅仅只需要输入日期,那么一句话就搞定了。如: 1 $( "#date" ).datepicker(); 显示的效果: 简单吧,只需这一句就能弹出日期选择器