运行环境:WAMP/XAMPP搭建的本地服务器。 预备知识:HTML + PHP的用户交互和表单,变量传递;上篇简介的Javascript类对象和Ajax技术。 由于生成的页面太丑,自行搜索了点CSS知识。稍微美化了一丢丢丢,前端只上代码不注释。 <style type="text/css"> bo ...
分类:
Web程序 时间:
2016-07-19 09:19:41
阅读次数:
221
Ajax工作原理 在写这篇文章之前,曾经写过一篇关于AJAX技术的随笔,不过涉及到的方面很窄,对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我,并且征询我培训的主题,考虑到之前Javascript、CSS等WE ...
分类:
Web程序 时间:
2016-07-14 02:47:29
阅读次数:
174
语法: $.ajax(url,[settings])/jQuery.ajax(url,[settings]) 返回值:XMLHttpRequest (该函数属于全局jQuery对象(也可理解为静态函数)。) 功能介绍: 通过后台的http请求加载远程数据 Ajax技术使页面无需刷新即可更新页面,jQ ...
分类:
Web程序 时间:
2016-07-04 22:03:51
阅读次数:
237
Ajax技术——带进度条的文件上传 1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能。在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条。运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上 ...
分类:
Web程序 时间:
2016-06-18 23:54:03
阅读次数:
273
今天发现原来HTML5对History和Location对象进行了改进,提供了几个新的API。我觉得,这用来结合Ajax来使用,弥补Ajax技术更新内容但不产生历史记录的问题,十分有用。 我很久之前就想过通过锚点来解决实现书签和定位,配合iframe使用一些小技巧,还可以实现历史记录的产生。后来发现 ...
分类:
Web程序 时间:
2016-06-17 09:38:53
阅读次数:
194
1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能。在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度, 可以在上传文件的同时,显示文件的上传进度条。运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上传的文件,注意文件不能超过 50M ...
分类:
Web程序 时间:
2016-06-16 17:56:50
阅读次数:
228
1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能。在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条。运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上传的文件,注意文件不能超过50MB, ...
分类:
Web程序 时间:
2016-06-16 13:13:34
阅读次数:
210
1.概述 在开发网络考试系统时,考试计时并自动提交试卷是必不可少的功能。由于在答卷过程中,试卷不能刷新,所以需要使用Ajax实现无刷新操作。运行本实例,访问准备考试页面index.jsp,在该页面中,单击“开始考试”按钮,将打开新窗口显示开始考试的页面,如图10.1所示,页面会自动计时,当考试时间结 ...
分类:
Web程序 时间:
2016-06-16 09:15:50
阅读次数:
202
参考 高性能javascript javascript高级程序设计 ajax基础 ajax技术的核心是XMLHttpRequest对象(XHR),通过XHR我们就可以实现无需刷新页面就能从服务器端读取数据 上面是一个简单的创建XHR对象 并且发送get请求的例子 readyState属性 表示请求/ ...
分类:
编程语言 时间:
2016-06-10 19:10:07
阅读次数:
191