提交数据时避免页面刷新,可使用JavaScript的AJAX技术,特别是jQuery中的AJAX功能,能实现异步请求,提升用户体验,让数据在后台静默提交。
1、 AJAX利用JavaScript的XMLHttpRequest对象,在后台与服务器少量交换数据,实现网页的异步更新,无需刷新整个页面,提升用户体验和响应速度。
2、 AJAX并非编程语言,而是一种提升网页交互性的应用技术。
3、 接下来展示AJAX的实际应用示例。
4、 获取网页内容:get.html页面
5、 页面主要包含内容
6、 因代码无格式显示混乱,故以图片形式呈现。
7、 JavaScript代码示例如下
8、 关键程序代码
9、 创建用于发送请求的XMLHttpRequest实例对象
10、 设置XMLHttpRequest对象的参数与属性
11、 发送请求
12、 Get.aspx页面及其对应的Get.aspx.cs代码内容如下所示:
13、 见下图
14、 获取AJAX传递的数据值
15、 结果所示
16、 目前已完成一个简单示例,后续将详细解析AJAX的各类问题。
17、 可在多数浏览器中正常运行。
18、 GET请求可能因缓存导致数据不一致问题。
19、 中文显示乱码问题
20、 如何通过POST方法发送数据
21、 POST与GET的主要区别在于数据传输方式和安全性。
22、 如何运用JSON数据进行操作
23、 XML数据的使用方法详解
