随笔分类 - Jquery
摘要:那些曾经顶一个团队的码农最后去哪里了 导航 初出茅庐 跳槽才是出路 力拔山兮气盖世 止步中层 诗和远方 有人的地方就有江湖。有江湖必有侠客。IT人的江湖水生草阔,从来都是盛产侠客和隐士。但是很多人离开这片江湖,没有留下自己的故事,而那些有故事的终究成了传说。 初出茅庐 &em
阅读全文
摘要:这是用过的"最差"树形插件 !!! 或许大家听过一个bootstrap UI框架 ace皮肤。有兴趣的童鞋可以在线查看:https://www.iteblog.com/ace/index.html 相较于此前使用的ExtJs 3.x或者传统的jquery easy ui框架,bootstrap风格的
阅读全文
摘要:在B/S系统中,下拉列表(select/dropdownlist/combobox)的应用随处可见,为了增强用户体验,开发人员也常常会做一些带联想功能的下拉列表, 特别是数据项比较多的时候,用户筛选起来就会很容易。 如果考虑多选的场景,我想以下的实现方式很多时候是能够满足要求的:带复选框(checkbox)的下拉列表,应该是比较直观和方便了,也很符合用户的习惯.但是如果数据项太多的时候。滚动条会很长,有两个不足:1.用户查询自己想要的目标很困难;2.用户如果需要选择的项很多(>10项),滚动条容易遮挡住,用户可能也不知道自己到底选了哪些。于是带复选框且有联想功能的多选下拉列表...
阅读全文
摘要:这两天在做一个文章内修改的功能,由于前端选用的Extjs控件库,于是就使用Ext.form.HtmlEditor. 在使用ajax提交数据的时候,需要提交包含有html代码的数据。这时候问题就来了,不管是对数据不编码,用escape()编码、encodeURI()编码还是用encodeURIComponent()编码,提交数据是,服务器都会报错(500错误),估计是某些这些编码函数无法编码的字符造成的,正好在网上发现了一个干货,即自己写一个javascript函数,用来替换特殊字符,服务端接受后再反编码回来就可以了。函数如下:前台处理(js):function ajax_encode(...
阅读全文
摘要:问题:前端制作静态页面,使用ajax读取数据,前台显示,但是在chrome下显示不出来。目录结构:其中, chartdata.html为请求访问的页面,构造数据格式为json。(该示例已上传至我的资源)查找原因:打开Chrome,通过JavaScript调试工具,显示问题如下:XMLHttpRequest cannot load file:///D:/DangDangUED/DDCommon/general/Chart/jQChart/chartdata.html. Origin null is not allowed by Access-Control-Allow-Origin.断点调试,说
阅读全文
摘要:下面这段JS代码是通过jquery 结合新浪IP地址库和QQip地址库接口获取用户当前所在的城市(省份)名称、 用户当前IP地址等数据。其中当前IP是通过 QQip地址库接口获取,其他数据都是通过 新浪IP地址库接口获取。因为 QQip地址库速度较慢,所以IP地址经常会无法显示出来,要多刷新几次。获取到的这些数据具体作用可以结合自己的网站所需功能来用,本人主要是想通过获取到当前城市名称来调用新浪天气预报的当前城市天气预报信息,如:《jquery 天气预报代码》View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
阅读全文
摘要:由于项目需要,笔者最近需要实现Web客户端之间的消息的即时推送功能。功能描述如下:假设A,B,C用户登陆,内存记录下已登录的用户的信息,这时A在所在的客户端(SendInfo.aspx)页面向B发消息,则在B所在客户端页面(SendInfo.aspx)将弹出消息框。关键点有两个:1.保证客户端和服务端的连接2.保证服务端能够向客户端广播消息笔者是第一次做这样的实现,所以Google了一些资料,了解到可使用Comet,ajax轮询,WebSocket等技术实现,由于时间关系,发现有些技术不是很容易理解,这里做了一个简单Demo.希望能够达到抛砖引玉的作用,与大家分享,共同提高。笔者做了两个框架下
阅读全文
摘要:CometController.csView Code using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using CometMvcDemo.Models;namespace CometMvcDemo.Controllers{ public class CometController : AsyncController { private AsyncCallback cb; object extraD...
阅读全文
摘要:最近在项目中尝试了一下使用结合Ajax和SQL存储过程实现分页,体验了一把无刷新的感觉,真好!通过搜集资料和利周末时间,总算弄出来了,辛苦啊!很高兴和大家分享!这里是在MVC框架下实现的,由于时间关系,这里Linq和ADO就混搭使用了(还是那句话,自己ADO比较熟悉一点)。代码方面也写的不是很好,有空的时候,在慢慢重构吧!这里有两个目标,一个是实现无刷新高效的分页,一个是给用户良好的体验,比如在增删改时的体验。为了模拟真实场景,我事先插入了一万条数据,速度很快,效果不错。View Code using System;using System.Collections.Generic;using
阅读全文
摘要:我们做任何系统都少不了前后台数据的交互,在PHP中,我们基本不会遇到前后台数据交互的问题,纯PHP就可以实现了。但是在.net里面我们通常要借助Ajax技术。通过这段时间的学习,这里也将jquey的Ajax技术应用到MVC框架中,与大家分享。同时时间有限,不能将各个场景都一一例举。1 jQuery中的Ajax复习“工欲善其事,必先利其器。”这里简单介绍一下jQuery中的Ajax中常用的方法。1.1 $.ajax()方法$.ajax()方法是jQuery最底层的Ajax实现。其结构为:该方法只有一个参数,但在这个对象里包含了$.ajax()所需的请求设置和回调函数等信息。参数以key/val.
阅读全文
摘要:前段时间在帮助PHP小组的同事做几个招聘相关的审批页面,其中涉及一个表单需要用户提交,在职位一栏,考虑是否要手动输入还是从数据库中带出,因为职位有上百个,如果做成下拉,用户找起来也困难,最后想到了一个折中的方案,干脆做成自动提示吧,用户只要输入一个关键字就可以自动提示相关的信息。效果如下看起来还是不错滴!使用的是Jquery的一个名叫jquery.ui.autocomplete.js的插件做的。后台只要返回 json格式的数据即可。毕竟自己做.net比较多一些,所以就想把它应用到.NET上来呢?1 以前也做过类似的功能,用的是AjaxControlToolkit这个组件方法大致如下,这是前台.
阅读全文
摘要:Visual Stuio为.NET程序员提供了大量的服务端控件,当我们习惯于使用控件来做一些东西的时候,我们不知不觉已经对这些控件产生了依赖,同时这些控件似乎封装的太好了,它们的功能强大到我们几乎很少去考虑像其他语言(如PHP)必须要考虑的问题。比如,在针对客户端和服务端进行交互的场景,在.net里,我们只需要在客户端html控件中增加ruanat = “server”,并给予它一个id,就能够在后台轻松的访问该控件的各种属性。服务端控件就更不用说了。而在PHP里面,还要使用POST,GET之类的方法才行。最近学习了PHP之后,颇有感触,在做.NET页面时,更加喜欢采用客户端html控件,这.
阅读全文
摘要:jQuery插件—获取URL参数做的项目中需要用到通过JS获取GET参数,上网找了一下,找到如下插件,使用:?例如 当前你的URL是: http://www.xxx.com/index.php?test=1&kk=2 如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get(’test’); 如果参数有多个相同的名称 ,则可以这样: var arr = $.query.get(’testy’); 输出: [ 值1 , 值2, 值3...] 如果要获取多个相同名称中的某一个,可以这样: var arrayElement = $.query.g
阅读全文