随笔分类 -  JQuery

[转载]iframe跨域
摘要:最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。2.有什么完美的解决方案么?没有。解决方案有不少,但是只能是根据自己的实际情况来选择。具体情况有:一、本域和子域的相互访问: www.aa.com和book.aa.com二、本域和其他域的相互访问: www.aa.com和www.bb.co 阅读全文

posted @ 2014-01-30 02:45 iackjee 阅读(284) 评论(0) 推荐(0)

jQuery,javascript获得网页的高度和宽度
摘要:网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.scrollTop网页被卷去的左: document.body.scrollLeft网页正文部分上: w 阅读全文

posted @ 2014-01-30 01:56 iackjee 阅读(236) 评论(0) 推荐(0)

[转载]jQuery.lazyload详解 - 图片延时加载
摘要:jQuery实现图片延迟加载,不知道是否可以节省带宽呢?有人知道吗?这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢?其中img是延迟加载所有图片,也可以根据不同模板作相应改动,比如我这个主题,可以改成#postimg,这样只延迟加载#post容器内的图片,否则可能影响到侧边图片的加载,主要是留言者头像可能会最后加载;fadeIn是图片显示效果这样基本就可以了!如果上面的功能可能没有达到你的要求,还有几个选项可供设置。可以设置阀值来控制灵敏度$(“img”).lazyload({threshold:200});把阀值设置成200意思就是当图片没有看到之前先load200像素。当然了你 阅读全文

posted @ 2014-01-28 22:45 iackjee 阅读(192) 评论(0) 推荐(0)

[转载]jquery获取元素索引值index()方法:
摘要:jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。 foo bar baz$('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在 阅读全文

posted @ 2014-01-26 23:08 iackjee 阅读(182) 评论(0) 推荐(0)

[转载]jquery ajax/post/get 传参数给 mvc的action
摘要:jquery ajax/post/get 传参数给 mvc的action 1.ActionResult Test1 2.View Test1.aspx 3.ajax page 4.MetaObjectMigration.cs string json convert to class 5.相关的代码下载(包含用的相关类, jquery.json.js等)ActionResult Test1public ActionResult Test1(string nameJS, UserInfoInputData model, string js) { UserInf... 阅读全文

posted @ 2014-01-19 21:21 iackjee 阅读(531) 评论(0) 推荐(0)

easyui 使特定tab处于选中状态
摘要:tab1 /*code*/JS代码: 阅读全文

posted @ 2014-01-17 23:15 iackjee 阅读(1298) 评论(0) 推荐(0)

MVC4中Ajax.BeginForm OnSuccess 不执行以及控制器返回JsonResult 提示下载的原因
摘要:这几天学习MVC的过程中,在学习Ajax.BeginForm时,一直遇到2个问题:一. Ajax.BeginForm OnSuccess事件不执行二.提交表单后,浏览器不识别json字符串,提示下载包含了返回的结果文件在网上找了很久都没有找到原因,结果调试也没有发现原因.在心灰意冷之际,抱着死马当活马医的心态,将使用的jquery版本由原来的1.10.2 换成1.7.1,诶居然没有任何问题,都成功了,原来是jquery版本的问题 阅读全文

posted @ 2014-01-17 09:36 iackjee 阅读(1532) 评论(0) 推荐(0)

[转载]Jquery Form插件表单参数
摘要:表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。ajaxForm增 加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为 AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数,也可以是一个Options对象。 可链接(Chainable):可以。实例:$('#myFormId').ajaxForm();ajaxSubmit马上由AJAX来提交表单。大多数情况下,都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSu 阅读全文

posted @ 2014-01-13 11:24 iackjee 阅读(406) 评论(0) 推荐(0)

[转载]JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
摘要:在ajax中经常需要对元素的位置进行精确的定位,此时不仅需要获取元素自身的大小位置等属性。还需要知道页面、浏览器、滚动条等的长度和宽度。因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度//获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获 阅读全文

posted @ 2014-01-13 09:21 iackjee 阅读(240) 评论(0) 推荐(0)

jquery捕捉文本域输入事件
摘要:change事件是在文本域光标失去焦点时才会触发,要监听正在输入内容事件用键盘事件监听如果想要捕捉文本域输入事件,可以使用$("input").keydown/$("input").keyup/$("input").keypress 来捕捉.按事件发生的顺序keydown-->keyup-->keypress 阅读全文

posted @ 2014-01-13 01:17 iackjee 阅读(469) 评论(0) 推荐(0)

[转载]js 遍历数组对象
摘要:有一个JSON数组如下all = {"error":0,"content":[{"name":"北京","value":"1036","is_checked":"checked"},{"name":"上海","value":"1035","is_checked":""},{"name":" 阅读全文

posted @ 2014-01-13 00:43 iackjee 阅读(244) 评论(0) 推荐(0)

jquery取消事件冒泡和取消默认行为
摘要:$('button').click(functon(e){ /*code*/ e.stopPropagation();//取消事件冒泡 e.preventDefault();//取消默认行为 }) 阅读全文

posted @ 2014-01-12 11:51 iackjee 阅读(177) 评论(0) 推荐(0)

[转载]jQuery 1.9 移除了 $.browser 的替代方法获取浏览器类型
摘要:jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合使用 jQuery 1.9 和 2.0, 官方的解决方案是: 从长久来看,这样有利于在复杂情况下根据浏览器特性进行分别处理, 而不是简单的检测浏览器类型和版本。 但目前很多旧程序的移植恐怕无法直接过渡为根据浏览器支持特性, 所以在网上找了一些能够直接替换的解决办法。判断浏览器类型... 阅读全文

posted @ 2014-01-12 10:39 iackjee 阅读(207) 评论(0) 推荐(0)

[转载]介绍一个JSONP 跨域访问代理API-yahooapis
摘要:你是否遇到了想利用AJAX访问一些公网API,但是你又不想建立自己的代理服务,因为有时我根本就没打算涉及服务端任何代码,但是讨厌的浏览器的同源策略,阻止了我们的ajax调用。比如我想访问一个天气的restfull api,如果我直接去GET:$.get("http://m.weather.com.cn/data/101010100.html"); 看见这问题相信大家都不会陌生,也会很自然的得到解决方案,但是我这里真的不想touch任何服务端代码,用jsonp吧,但是服务端没实现契约。在这里我是时候引入主角yahoo提供的jsonp代理:http://query.yahooa 阅读全文

posted @ 2014-01-11 22:43 iackjee 阅读(247) 评论(0) 推荐(0)

[转载]jquery tmpl使用方法
摘要:动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就想死了,需要很小心很小心地写出几乎无法维护的 JavaScript 代码。如同为解决 PHP 拼数据这方面的问题而有了 Smarty 这些模版,JavaS 阅读全文

posted @ 2014-01-10 12:54 iackjee 阅读(303) 评论(0) 推荐(0)

[转载]JQuery的Ajax跨域请求的解决方案
摘要:今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式,于是即刻翻出Jquery的API出来研究,发现JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。 什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面. 阅读全文

posted @ 2014-01-10 10:44 iackjee 阅读(198) 评论(0) 推荐(0)

[转载]jquery cookie的用法
摘要:原文地址:http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526663.htmljQuery cookie是个很好的cookie插件,大概的使用方法如下 example $.cookie(’name’, ‘value’); 设置cookie的值,把name变量的值设为value example $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true}); 新建一个cookie 包括有效期 路径 域名等 example 阅读全文

posted @ 2014-01-06 17:37 iackjee 阅读(156) 评论(0) 推荐(0)

返回canceled 代码 的原因
摘要:ajax 不支持跨域操作jsonp,才导致返回canceled 代码.解决的办法就是 标签.jquery 也为我们提供了$.Ajax()方法或$.getScript()方法来实现jsonp操作,这个方法的本质也是利用 标签来实现跨域请求的. 阅读全文

posted @ 2014-01-06 11:10 iackjee 阅读(282) 评论(0) 推荐(0)

[转载]中国天气网API
摘要:最近在做个网站要用到天气网的api,在网上找了些参考资料,这篇文章对天气网api的介绍比较详细,所以转载之,谢谢原作者的辛勤劳动和奉献精神.原文地址:http://g.kehou.com/t1033317914.html上次做飞信天气预报的时候简单搜索了一下中国天气网的 API ,当然是没有官方文档的,最初是谁挖掘出来的也不可考了。刚才在增加新功能的时候又顺手搜了一下相关资料,发现这个 API 还真不简单。中国天气网有三个 API 适用于不同场合的使用。http://m.weather.com.cn/data/101050101.html这个接口返回的格式如下。{ "weatheri 阅读全文

posted @ 2014-01-06 10:40 iackjee 阅读(378) 评论(0) 推荐(0)

jquery下拉列表选中项改变时获取新选项的属性值
摘要:1 $("#textSel").change(funtion(){2 var selVal=$(this).val();3 var selText=$("#textSel option:selected").text();4 var otherAttr=$("#textSel option:selected").attr("...");5 }); 阅读全文

posted @ 2014-01-06 10:12 iackjee 阅读(621) 评论(0) 推荐(0)

导航