Welcome 微信登录

首页 / 脚本样式 / Ajax

全面解析Ajax综合应用(全)

全面解析Ajax综合应用(全)

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,...
基于HTML5的可预览多图片Ajax上传

基于HTML5的可预览多图片Ajax上传

一、关于图片上传什么什么的在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。例如swfupload.js。可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也很可观。我之前曾翻译编辑过一篇“Ajax Upload多文件上传插件”的文章,此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传,但是,实际上,还是一次只能上传1张图片,可以多次上传而已。H...
分页技术原理与实现之无刷新的Ajax分页技术(三)

分页技术原理与实现之无刷新的Ajax分页技术(三)

紧接着上篇—分页技术原理与实现之Java+Oracle代码实现分页(二) ,本篇继续分析分页技术。上篇讲的是分页技术的代码实现,这篇继续分析一下分页技术的效果控制。上篇已经用代码简单的实现了一个分页。但是我们都看到,代码中每次通过servlet请求取得结果集后,都会转向到一个jsp页面显示结果,这样每次查询页面都会刷新一下,比如查询出现结果集后要查看第三页,页面就会刷新一下。这样页面给人的效果感觉就会有点不舒服,所以我们希望能够在通过条件查询结果集后无论访...
使用Nginx 反向代理来避免 ajax 跨域请求的方法

使用Nginx 反向代理来避免 ajax 跨域请求的方法

服务器上 nginx + tomcat ,其中 nginx 监听 80 端口, tomcat 监听 8080 端口。因为对前端不熟悉,以为用 ajax 就可以不需要 callback ,然而前端的同学说不跨域的情况下才不需要 callback ,让我在返回的 json 里加上。可是我刚刚学会了最基本的 spring-mvc 用法,根本不知道怎么加上 callback网上到时找到一些可行的代码,差不多这个样子:@RequestMapping(method=R...
AjaxToolKit之Rating控件的使用方法

AjaxToolKit之Rating控件的使用方法

AjaxToolKit中的Rating控件是微软Ajax控件库中专门用来处理网页评分(或投票)功能的控件,它本身支持网页无刷新功能,在使用的时候完全没有必要将它放在UpdatePanel控件里,而只需要将它的AutoPostBack属性设为False即可。该控件使用起来非常简单,而且还可以设置各种不同的效果,以及自定义函数回调等。下面是使用时候的一个截图先说一下常用属性的功能:ID:这个自然不用说了,大家都明白,所有的控件都会有一个服务器端的ID。Beha...
基于Ajax技术实现文件上传带进度条

基于Ajax技术实现文件上传带进度条

1.概述在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能。在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条。运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上传的文件,注意文件不能超过50MB,否则系统将给出错误提示。选择完要上传的文件后,单击“提交”按钮,将会上传文件并显示上传进度。2.技术要点主要是应用开源的Common-FileUpload组件来实...
基于Ajax技术实现考试倒计时并自动提交试卷

基于Ajax技术实现考试倒计时并自动提交试卷

1.概述在开发网络考试系统时,考试计时并自动提交试卷是必不可少的功能。由于在答卷过程中,试卷不能刷新,所以需要使用Ajax实现无刷新操作。运行本实例,访问准备考试页面index.jsp,在该页面中,单击“开始考试”按钮,将打开新窗口显示开始考试的页面,如图10.1所示,页面会自动计时,当考试时间结束时,将自动提价试卷。2.技术要点主要是利用Ajax异步提交技术和Servlet技术实现的。显示在考试页面中的计时时间是在Servlet中设置的,需要通过Ajax...
Ajax基础详解教程(一)

Ajax基础详解教程(一)

什么是Ajax?在研究ajax之前首先让我们先来讨论一个问题 ——什么是Web 2.0 。听到 Web 2.0 这个词的时候,应该首先问一问 “Web 1.0 是什么?” 虽然很少听人提到 Web 1.0,实际上它指的就是具有完全不同的请求和响应模型的传统 Web。比如,到 hdu.edu.cn 网站上点击一个按钮。就会对服务器发送一个请求,然后响应再返回到浏览器。该请求不仅仅是新内容和项目列表,而是另一个完整的 HTML 页面。因此当 Web 浏...
Ajax基础教程之封装(三)

Ajax基础教程之封装(三)

在上篇文章给大家介绍了Ajax基础详解教程(一) Ajax基础详解教程(二)今天接着我们上篇博文的栗子,现在我来扩大一下需求,之前是点击按钮取出新闻,现在要实现每隔一段事件进行新闻的更新。这个时候,肯定是加一个定时器,然后每隔一段事件,再进行一次Ajax请求,既然要经常用到Ajax请求,封装函数就很必要了,先来看一下上个栗子的js代码,我们来进行封装。window.onload = function() {var oBtn = document.getEl...
探讨Ajax中有关readyState(状态值)和status(状态码)的问题

探讨Ajax中有关readyState(状态值)和status(状态码)的问题

先看下面一段代码,然后给大家详细介绍,Ajax中有关readyState(状态值)和status(状态码)的问题,具体内容如下所示:var getXmlHttpRequest = function () {try{//主流浏览器提供了XMLHttpRequest对象return new XMLHttpRequest();}catch(e){//低版本的IE浏览器没有提供XMLHttpRequest对象,IE6以下//所以必须使用IE浏览器的特定实现Acti...
在Ajax中使用get和post所遇到的问题及解决办法

在Ajax中使用get和post所遇到的问题及解决办法

使用get遇到的问题:1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台也不会有变化;解决方法:在?后面链接一个num=【随机数Math.random()】或者num=【时间戳new Date().getTime()】,"1.php?username="May"&"+num(这里没有变量名,避免和后台参数冲突)2.问题二. 乱码,当传递中文或者特殊字符的时候,前台显示出现乱码解决办法:使用编码enco...
有关Ajax中get和post的使用问题

有关Ajax中get和post的使用问题

使用get遇到的问题:1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台也不会有变化;解决方法:在?后面链接一个num=【随机数Math.random()】或者num=【时间戳new Date().getTime()】,"1.php?username="May"&"+num(这里没有变量名,避免和后台参数冲突)2.问题二. 乱码,当传递中文或者特殊字符的时候,前台显示出现乱码解决办法:使用编码enco...
<< 11 12 13 14 15 16 17 18 19 20 >>