废话不多说了,直接给大家贴代码了,具体代码如下所示: <pre name="code" class="html"> <div class="controls" id="compareyear"> </div></pre><br> <img src="http://img.blog.csdn.net/20170830165326131?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFuMTQ1NTQxODE3MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""><br> <br> //动态加载年份checkbox by dongch 20170830 func...
摘要 AJAX技术是网页构建的必备技能之一,本文希望能帮助大家轻松的学习这项技术 一、什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。 二、如何使用ajax? 第一步:创建xmlhttprequest对象 创建xmlhttprequest对象,XMLHttpRequest对象用来和服务器交换数据。 var xmlhttp =new XMLHttpRequest(); 第二步:注册回调函数 onreadystatechange函数,当服务器响应请求并返回数据后,我们想要客户端...
JavaScript Ajax实现异步通信 一、浏览器与服务器的同步和异步通信 1.同步:是阻塞的,浏览器在向服务器发送请求之后一直等待服务器的响应,而没有做其他事情。 2.异步:非阻塞的,浏览器向服务器发送请求之后,继续执行其他代码,知道服务器响应,浏览器中断当前的任务,处理服务器响应。 二、没有Ajax之前浏览器是通过iframe来实现异步刷新 1.iframe标签:iframe标签通过src连接到一个页面,其实就是将需要实现异步刷新的内容使...
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术,来增强网站的性能与可用性。 实现图片预加载可以使用css、JavaScript、Ajax三种方法。下面分别介绍这些方法的实现。 使用CSS...
一、Ajax (Asynchronous JavaScript + XML) 能够像服务器请求额外的数据而无需卸载页面,即局部刷新技术 二、创建一个XHR对象 function createXHR () {if (typeof XMLHttpRequest != "undefined") {return new XMLHttpRequest();} else if (typeof ActiveXObject != "undefined") { // < Ie7 if (typeof arguments.callee.activeXString != "string") {var version = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLH...
关于本文 本文主要总结网站编写以来在传递 JSON 数据方面遇到的一些问题以及目前采用的解决方案。网站数据库采用 MongoDB,后端是 Python,前端采用“半分离”形式的 Riot.js,所谓半分离,是说第一页数据是通过服务器端的模板引擎直接渲染到 HTML 中,从而避免首页两次加载的问题,而其它动态内容则采用 Ajax 加载。整个流程中数据都是通过 JSON 格式传递的,但是在不同的环节中需要采用不同的方式并遇到一些不同的问题,本文主要...
本文实例讲述了Javascript基于AJAX回调函数传递参数的方法。分享给大家供大家参考,具体如下: 前面介绍了《javascript实现html页面之间参数传递的四种方法》,这里针对ajax参数传递做一分析。 在Javascript 中,特别是在AJAX中,回调函数常常是一个函数名,没有地方放入参数,如下面的AJAX代码,在成功后将调用回调函数callback,但callback是有参数的,如何把参数传进来呢? var callback = function(p1){//do something } var a...
本文实例讲述了JavaScript基于ajax编辑信息的方法。分享给大家供大家参考。具体如下: // Requires prototype.js function edit(action, obj) {Element.hide(obj);var textarea =<div id=" + obj.id + _editor"><input type="text" id=" + obj.id + _edit" name=" + obj.id + " value=" + obj.innerHTML + " size="40">;var button = <input id=" + obj.id + _save" type="button" value="SAVE" /> <input id=" + obj.id + _cancel...
js //加载页面//加载产品列表 function GetProductList() {function PostParam(param) {param.key = "lm324";return param;}var PostExecParam = {ClassName: "AnxinE.BLL.Product.ProductInfoBLL",MethodName: "Search",ParamModelName: "AnxinE.Model.Product.ProductInfoParam",onRequest: PostParam,onResponse: function (result) {if (result != null) {var html = "";//汇率判断//<td>" + (result.SupplierProductList[i].P...
在线聊天室(online chatrooms)是一个共多人进行沟通交流的网络平台,随着越来越多的新技术的发明和成熟运用,在线聊天室也出现使用各种不同技术的, 这篇文章我想简单总结一下。 首先说一下前台技术,最新的当然是基于HTML5的websocket,它实现了浏览器与服务器全双工通信(full-duplex)。WebSocket通信协议于2011年被IETF定为标准 RFC 6455,WebSocketAPI被W3C定为标准。在WebSocket API中,浏览器和服务器只需要做一个握手的动作...
在JS中有些内存只需执行一遍即可,如浏览器类型检测是最常用的一个功能,因为我们使用Ajax的时候需要检测浏览器的内置的XHR。我们可以在第一次检测的时候记录下类型,往后在使用Ajax的时候就不需要再去检测浏览器类型了。在JS中就算只有一个if也总比没有if的语句效率要高。 普通Ajax方法代码如下: /** * JS惰性函数 */ function ajax(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); ...
在《Pragmatic ajax(动态网站静态化) A Web 2.0 Primer 》中偶然看到对readyStae状态的介绍,感觉这个介绍很实在,摘译如下: 0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) method has completed, entire response received. 3: (Interactive) the response is being parsed. 4: (Completed) the respon...
RSS 是一种基于 XML的文件标准,通过符合 RSS 规范的 XML文件可以简单实现网站之间的内容共享。Ajax 是Asynchronous JavaScript and XML的缩写。通过 Ajax 技术可以经由超文本传输协议(Http) 向一个服务器发出请求并且在等待该响应时继续处理另外的数据。通过 Ajax 技术可以很容易实现读取远程 XML文件,因此,可以使用 Ajax技术实现远程访问依据 RSS 标准生成的摘要信息,甚至我们可以自己写一个 RSS 阅读器。 Ajax 并不是...
最近尝试做出一个部门和人员的下拉框联动功能,部门和人员的对应关系是1:N代码如下:<div class="forntName">部门</div> <div class="inpBox"> <select name="department" id="department" onchange="change();" style="width:200px;" > <option value=-1>请选择</option> <s:iterator value="departmentList"> <option value=<s:property value="departmentCode"/>><s:property value="departmentName"/></option> </s:iterator...
代码如下:/** * Ajax分页功能 * 在需要分页的地方添加<ul class="pagination"></ol> * 作为分页组件容器元素。 * pageCount 总页数 * currentPage 当前页数 * container 带有pagination类的ol容器元素 * loadData 用于加载数据的函数 * version 1.0 */ pagination : function(pageCount, currentPage, container, loadData) { this.startPage = 1; this.endPage = pageCount; this.minDisplayPageCount = 5; var c = $(container);...