AJAX 技术专题一入门

最新推荐文章于 2025-01-26 10:00:00 发布

原创最新推荐文章于 2025-01-26 10:00:00 发布 · 897 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#AJAX

收录于

AJAX 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了AJAX技术的优点，如改善表单验证、减少页面刷新等，并通过实例展示了如何使用jQuery简化AJAX调用，实现数据异步加载及页面局部更新。

一.AJAX概述

优点

(1)改善表单验证方式，不再需要打开新页面，也不再需要将整个页面数据提交
(2)不需刷新页面就可改变页面内容，减少用户等待时间。
(3)按需获取数据，每次只从服务器端获取需要的数据。
(4)读取外部数据，进行数据处理整合。
(5)异步与服务器进行交互，在交互过程中用户无需等待，仍可继续操作

二.jQuery 概述

//Dom方式 获取文本框的内容
document.getElementById("userName");
//jQuery方式,返回的都是jquery对象
var jqueryobj=$("#username");
//获取节点的值
var username=jqueryobj.val();

//使用get请求封装
$.get("AJAXServer?name="+userName,null,callback); 
function callback(data){
    var resultObj=$("#result");
//动态改变页面中div节点中的内容
    resultObj.html(data);
}

//简单写法
function verify(){
    $.get("AJAXServer?name="+$("#username").val,null,function(data){
        $("#result").html(data);
});
}