/*ajax调用扩展 */$.extend($,{ ajaxGetJson:function(url,data,callback) { $.ajax({ url:url, data:data, datatype:"json", method:"get", contentType: "application/json", beforeSend:function(){ //myLoad();//打开加载层 }, complete:function(data){ //closeLoad();//关闭加载层 ...
(function($) { function preLoad(imgs, options) { this.imgs = (typeof imgs === ‘string‘) ? [imgs] : imgs; this.opts = $.extend({}, preLoad.DEFAULTS, options); this._unoredered(); } preLoad.DEFAULTS = { each: null, //每一张图片加载后执行 all: null //全部图片加载后执行 }; preLoad.prototype._unoredered = function() { var imgs = this.imgs, opts = this.opts, count = 0, len = imgs.length; ...
原生缺点:1. JS的出现使得网页与用户之间实现了一种实时/动态/交互的关系,网页可以包含更多活跃的元素和精彩的内容2. JS的弊端在于复杂的DOM对象,而JQuery封装了很多预定义的对象和使用函数简化了DOM操作,使得我们可以快速创建有高难度交互的富客户端页面,且兼容各大浏览器简单介绍:1. JQuery是一个优秀的JavaScript库,拥有强大的选择器,出色的DOM操作,可靠的事件处理,完善的兼容性和链式操作等功能,目前团队主要推核心库(JQuery)/...
1/* 2 * 封装$.ajax函数3 * =============*/ 4 $.Ajax = function(url, options){5if(typeof options == ‘undefined‘){6 options = url;7 }8if(typeof url == ‘string‘){9 options.url = url; 10 } 1112if(options.error == undefined){ 13 options.error = ajaxErrorCallback; 14 } 15 $.ajax(options); 16 } 1/* 2 * ajax全局error callback函数3 * =========================*/ 4funct...
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body></body><script type="text/javascript"> (function(){function jQuery(){// 一个对象工厂，以后生成新对象不用new了，直接执行这个方法即可。returnnew jQuery.fn.init(); }// jQuery的初始方法jQuery.fn = jQuery.prototype = {init:function(){} };jQuery.prototype.init.prototype = jQuery.fn; // 修正构造器指向jQuery.prototype.constructor...
为了避免ajax漫天飞，我们需要对jQuery的代码进行封装，封装代码：function api_request(name, params, cb, scope, async, el) {if (async == null)async = true;console.log(‘调用接口:\n%s,\n参数列表:‘, REQUEST_URL+name, params);$.ajax( {url : REQUEST_URL+name,async : async,data : params,type : ‘POST‘,dataType:‘json‘,cache : false,timeout:70000,success : function(data, textStatus) {//alert(data.obj[0]....
最近在项目中发页面传值比较繁琐。View → Control → View，或是Session、Cookie 的 感觉不是很好，于是封装了一个页面间的js方法，上码$.extend({request: function (name) {var search = decodeURI(location.search.slice(1)); //decodeURI 对中文进行转码，防止乱码出现var arr = search.split("&");for (var i = 0; i < arr.length; i++) {var ar = arr[i].split("=");if (ar[0] == name) {if (unescape(ar[1]) == ‘undefi...
我发现轮播在很多网站里面都用到过，一个绚丽的轮播可以为网页增色不少，最近闲来无事，也用原生js封装了一个轮播，可能不像网上的插件那么炫，但是也有用心去做。主要用了闭包的思想。需要传递的参数有：图片地址的数组，图片宽度，上一页，下一页的id,图片列表即ul的id(这儿使用无序列表排列的图片),自动轮播间隔的时间。功能：实现了轮播的自动轮播，可以点击上一页，下一页进行切换。下面是html中的代码,只需要把存放的容器写好...
俗话说的好：温故而知新，可以为师矣！ 学习是一个人一辈子的事情。于是乎趁着今天休息，回顾了一些知识点，可能做的不够完美，请多多指教。/** * Created by Administrator on 2017/5/6. *//** * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */function getDates(dt) { var str = "";//存储时间的字符串 //获取年 var year = dt.getFullYear(); //获取月 ...
在前端异步获取数据时候每次都是使用 ajax；为了通用性更好，然而封装通用的 ajax 是一个一劳永逸的办法。 本次基于 jQuery 封装实现； 第一步： 引入 jQuery：<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>第二步：实现代码：// 该封装基于 jQueryvar sendAjax = function(method, url, data, successfn, errorfn) {$.ajax({type: method,url: url,data: data,success: function(d){succ...
虽然jquery的较新的api已经很好用了， 但是在实际工作还是有做二次封装的必要，好处有：1，二次封装后的API更加简洁，更符合个人的使用习惯；2，可以对ajax操作做一些统一处理，比如追加随机数或其它参数。同时在工作中，我们还会发现，有一些ajax请求的数据，对实时性要求不高，即使我们把第一次请求到的这些数据缓存起来，然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响，通过这种手工的缓存控制，减少...
虽然jquery的较新的api已经很好用了， 但是在实际工作还是有做二次封装的必要，好处有：1，二次封装后的API更加简洁，更符合个人的使用习惯；2，可以对ajax操作做一些统一处理，比如追加随机数或其它参数。同时在工作中，我们还会发现，有一些ajax请求的数据，对实时性要求不高，即使我们把第一次请求到的这些数据缓存起来，然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响，通过这种手工的缓存控制，减少...
function ajax(opt) {opt = opt || {}; // 对实参处理var xmlhttp, method, url, async, dataType, data;method = opt.method || GET; // 默认method为GETmethod = trim(method).toUpperCase(); //转换成大写并去除空格url = opt.url //请求地址url = trim(url);async = opt.async || true; ...
网站焦点图是一种网站内容的展现形式，可简单理解为一张图片或多张图片展现在网页上就是网站焦点图。在网站很明显的位置，用图片组合播放的形式，类似焦点新闻的意思只不过加上了图片。一般多使用在网站首页版面或频道首页版面，因为是通过图片的形式，所以有一定的吸引性、视觉吸引性。容易引起访问者的点击，据国外的设计机构调查统计，网站焦点图的点击率明显高于纯文字，转化率高于文字标题5倍。由此看来焦点图的能让游客对企业...
首先，用到两个jQuery函数，JSON.parse（Json字符串转对象）和JSON.stringify（对象转JSON字符串） 我这里的分成两次封装，因为数据不在一个页面里。 这是第一个页面： $(".color-gray").click(function(){ var detail = new Object();//自定义一个空对象 将获取的参数放入这个对象 detail.userName = $(input[data-node="userName"]).val(); detail.userSex = $(".userSex").val(); detail.detail = $(input[data-node="address"]...