1. 思路: 页面上的验证码图片是servlet,采用jquery实现异步校验信息 2. 所用到的文件 https://img.gxlcms.com/verifyCodeServlet.java --用于生成图片的servlet ResultServlet.java --用于校验验证码正确性的servlet verifyCode.js --校验的js文件 jquery.js --jquery包里的源文件 verifyCode.jsp --页面 3. 代码 https://img.gxlcms.com/verifyCodeServlet.j...
程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户。比如一简单的情况,用户选择省份以后,我们立即会在市里边将这个省的所有市重新显示出来。这种情况一般需要将整个页面刷新后才可以重新读取,但这样不仅效率不高外,也显得不太优雅。其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,“稍稍”的就可以将数据从服务器上读取出来,显得既专业...
代码如下: 图片对象 //书上说这样可以预缓存图片对象,实际是骗人的了。下面是我 特意整的特别大的图片 img1=new Image(300,400) img1.src="http://www.azsz.com/test/view/1.jpg" img2=new Image(300,400) img2.src="http://www.azsz.com/test/view/2.jpg" img3=new Image(300,400) img3.src="http://www.azsz.com/test/view/3.jpg" img4=new Image(300,400) img4.src="http://www.azsz.com...
网上流传的什么一下代码未区分大小写,请自行修改! 全静态无刷新思路: //当前页面全局的 无数新调用 //示例调用一,直接调用ASP 我的数据库有条 //示例调用二,事件调用AJAX.ASP 我的数据库有条 //示例二中AJAX.ASP代码 SET RS = CONN.EXECUTE(SQL_STR) RESPONSE.WRITE "DOCUMENT.GETELEMENTBYID('COUNT').VALUE = '"&RS("COUNT")&"'" %> ////////////////////////////////////////////////////////////////////////////////////...
本来觉得这个系统会很复杂,但把每个部分都分析清楚后,其实需要的技术并不高。不过当我把各个功能函数都整理好准备进行封装时,却发现要把程序封装不是那么容易,因为程序跟html的耦合度太高。然后我逐步把程序中操作html相关的部分分离出来,首先把简单的分离,接着是文件列表,然后是file控件,最后是一些提示性程序。经过几次尝试才把整个结构封装好。 仿163网盘无刷新文件上传系统 .fu_list { width:600px; background:#eb...
说句老实话,我目前还对Ext技术不是很熟,所以写的代码自己也觉得怪怪的,有什么不对的地方,还望赐教。使用的Ext版本是ext-2.2,下载地址为:http://www.extjs.com/products/extjs/download.php下载Ext JS 2.2 SDK,解压后拷贝resources文件夹至工作目录。 在resources文件夹下新建jscript文件夹,并拷贝ext根目录下ext-all.js文件及adapter\ext\ext-base.js文件至jscript文件夹下,并新建stock.js文件,代码如下: 代码如下:functi...
代码如下: /**//// /// 生成带CDATA的节点 /// /// XmlDocument /// 元素名称 /// CDATA值 /// XmlElement public static XmlElement CreateXmlNodeCDATA(XmlDocument xDocument, string elementName, string cdataValue) { try { XmlElement xElement = xDocument.CreateElement(elementName); XmlCDataSection cdata = xDocument.CreateCDataSection(cdataValue); xElement.AppendChild(cdata); return xElement;//返回 } catc...
先把要用到的文件依次进入进来: 代码如下: 接着在页面的body里面写入如下的代码,在这里强调一下呈现出来的数据是没有进行控件绑定的,完全是由简单的table来呈现数据的,先看一下页面代码 代码如下: 产品名称 产品单价 我们先分析一下代码,很明显我们设定了一个标准的带有的表格,然后再加上了我们使用到的Jquery的插件—Paination,在这里我们只需定义一下一个以id为Pagination的层就可以了。页面的代码我...
先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } 接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...
jquery有一个load()方法,使用方法如:$("#div").load("/index.html");这样就可以将index.html加载到ID为div的容器中, 用iframe也可以实现,但没有上述做法完美,参见discuz那些网站,如登陆弹出一个层,也是载入的一个页面,但我发现状态栏左边出现的是 正在打开about:blank,不知道是不是将iframe的src设为about:blank,然后在编辑iframe呢?但注意了,查看源代码的时候却看不到载入页面的时候是看不到载入的这个页面的源代码,不知道是不是...
一个模板,从数据库取n条记录,生成静态。 做单页面的静态化,索引页面是用JS对数组进行组合的。 因为记录只是一个标题,一个链接,字节数不会太大, 那么用js去用这个大数组进行分页,貌似不错,很节约带宽! 还是很棒的,简单,实用,值得推荐! JS代码: 代码如下: function title_array(title, link_add, store_time) { this.title = title; this.link_add = link_add; this.store_time = store_time; } var ii = 0; var item = ...
理由:jquery简单,兼容性好且容易封装。废话不多说,马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件,我也是有些模仿flexGrid的形式。 需求:GridView显示数据,无刷新分页,无刷新排序,无刷新过滤(搜索数据),基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术:asp.net2.0, jquery,css 首先写的是jquery插件方面,使用的核心函数还是jquery的ajax函数,方便快捷。 代码如下: $.ajax({ type: p.met...
前阵子工作中用到,贴上代码,仅保留上传有关的代码,发现code其实很少。 上传页面html/js 代码如下: function FinishUpload(filePath) { document.getElementById("uploadForm").reset(); if (!filePath) { alert("Import Failed!"); } else { alert("Imported Successfully to " + decodeURIComponent(filePath) + "!"); } } function UploadFile() { var arr = document.getElementById("txtFile").value.split('.'); var...
本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考,具体如下: 效果图如下:html结构:css样式:html,body{margin: 0;padding:0} a:focus {outline: none;} /* 通用表格显示 */ table, th, td {font: 12px Arial,Helvetica,sans-serif,宋体;margin: 0;padding: 0} table{border-spacing: 0;border-collapse: collapse;} .datatable {width: 100%;border-style: none;background-color: #fff;margin-bottom: 20...
其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点。当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs 1.html target指向iframe的name,就是把上传后的操作交给iframe来处理.2.JS处理当文件选择后提交formUploadSupplyer:function(){ var ...