点我下载工程代码 由于项目需求，在处理文件上传时需要使用到文件的异步上传。这里使用Jquery Ajax File Uploader这个组件下载地址：http://www.phpletter.com/download_project_version.php?version_id=6 服务器端采用struts2来处理文件上传。 所需环境： jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下: package com.ajaxfile.action; import java.io.Fil...
做项目的时候遇到了这样一个问题,如果用普通的ASP.NET FileUpload控件实现文件上传,那么页面会刷新,那么页面上用JS拼出的元素就会消失,为了上传文件,又不能刷新页面,ajaxfileupload插件是一个很好的选择(插件下载地址:http://files.jb51.net/file_images/article/201306/js/ajaxfileupload.js) ajaxfileupload是jQuery的一个插件,使用这个插件同时要引用jQuery.js文件 直接上代码吧 JS代码 [javascript] 代码如下://执行AJAX上传文...
JSONP 调用示例代码：代码如下:var originImgSrc = cnbogs-logo.gif;$.jsonp({ url: , data: { imgSrc: originImgSrc }, callbackParameter: "callback", success: function (newImgSrc, textStatus, xOptions) { console.log(xOptions.data.imgSrc); }, error: function (xOptions, textStatus) { }}); 第1个需要注意的地方是 callbackParameter，如果没有专门的 callback 函数，一定要写上 "callbac...
首先，我们用一个示例来说明JQuery的Ajax调用过程， 实现的一个功能是：点击确认支付按钮之后，实现余额支付的功能： 1.首先在php页面将相关需要调用的函数绑定到按钮上：代码如下:$(function(){$("#pay_btn").bind("click",ABC.balancePay); }); 2.脚本处： 如果使用$.post方式实现：代码如下:var ABC = {balancePay: function(event){event.preventDefault();var tthis = $(event.currentTarget);var form = tthis.parents(‘for...
myscript.js代码如下:var _autorun;var str = new Array(转发什么,分享什么,已转发,已轉發,己转发,继续申请,在不,已发送,以转发,以分享,已分享,yv,bv,gv,pv,rv,你好,美女,索要,代码,我要,要v,要加v);var isrun = false;var i=0;function start(){ console.log(第+(++i)+次刷新); var chatListColumn =$(".chatListColumn"); chatListColumn.each(function(){ var _this = this; var _me = $(this); ...
最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了，遂重写一个 支持IE6+，但没有动画效果 如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下：调用代码如下： 包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便具体jquery.kun_page.js：/* ...
jQuery插件AjaxFileUpload可以实现ajax文件上传，该插件使用非常简单，首先了解一下正确使用AjaxFileUpload插件的方法，然后再了解一些常见的错误信息和解决方法。 使用说明 需要使用jQuery库文件 和AjaxFileUpload库文件 使用实例 一，包含文件部分代码如下:二，HTML部分代码如下:上传 只需要三个元素，一个动态加载小图标、一个文件域和一个按钮 注意：使用AjaxFileUpload插件上传文件可不需要form，如下：因为AjaxFileUpload插件...
前提条件： ajaxFileUpload.js插件多文件上传 步骤： 1、修改源码，（源码只支持单个文件的上传）：代码如下: //修改前代码------- //var oldElement = jQuery(# + fileElementId); //var newElement = jQuery(oldElement).clone(); //jQuery(oldElement).attr(id, fileId); //jQuery(oldElement).before(newElement); //jQuery(oldElement).appendTo(form); //修改前代码------- //修改后代码------- for(var i in fileEl...
ajaxFileUpload是一个异步上传文件的jQuery插件。传一个不知道什么版本的上来，以后不用到处找了。语法：$.ajaxFileUpload([options])options参数说明： 1、url 上传处理程序地址。 2，fileElementId 需要上传的文件域的ID，即的ID。 3，secureuri 是否启用安全提交，默认为false。 4，dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写，...
自己编写了一个表单验证插件，支持ajax验证，使用起来很简单。每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示错误信...
一、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来，以后不用到处找了。 语法：$.ajaxFileUpload([options]) options参数说明： 1、url 上传处理程序地址。 2，fileElementId 需要上传的文件域的ID，即的ID。 3，secureuri 是否启用安全提交，默认为false。 4，dataType 服务器返回的数据类型。可以为xml,script,json,html。如果...
在服务器端做文件上传的过程中，如果使用web服务器短端的上传控件去上传文件的话，会导致页面刷新一次，这样对用户的体验就不是很友好了。ajaxfileupload.js是一款jQuery的异步上传文件插件，使用简单且容易上手。 前置条件：ajaxfileupload.js文件，百度下载一个就行。 JS引用：代码如下:html代码：代码如下:JS代码：代码如下: function saveCInfo() {var filename = document.getElementById("fileToUpload").value;if (filename...
我们在提交表单的时候，如果没有使用ajax提交，页面都会自己刷新一下，显得非常的不友好，所以我们需要把我们的表单提交修改为ajax的模式，可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段：正在提交？提交成功？ 我简单使用了一下,jQuery Form插件有一下优点: 1.支持提交前验证. 2.支持提交后回调. 3.采用AJAX方式,有很好的用户体验 4.提交方式是灵活.只要指定要提交的form ID即可.想提交那个form.就可提交那个.同时提交...
要实现表单验证和无刷新提交表单我们可以使用jQuery的两个很好用的插件——jquery validate.js 和 jquery form.js.具体详细说明情况下文。 1、jQuery validate.js，它说白了就是一个很高尚的人为我们写好了各种表单的验证，不用我们这些童鞋去现写了，一天天的多累啊，呵呵。 2、jQuery form.js，“这个插件能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm 和 ajaxSubmit, 能够...
1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js 插件参数可以参考----张龙豪-jquery.pagination.js分页 下面贴出代码代码还是比较容易看明白的，可以根据自己需要修改，这里使用的是自己的样式 样式代码.pages {display: inline-block; overflow: hidden;padding: px ;text-align: center; width:%; margin:px ;}.pages b{ color:#ef;}.pages a { color:#; border: px solid #eee;cursor...