Ajax(居家旅游必备技能)-优快云博客

本文详细介绍了Ajax技术的概念及其组成，包括JavaScript、XML等在内的七种关键技术。重点阐述了Ajax的五大特性，如局部刷新减少用户等待时间、按需获取数据以减少流量等。此外还提供了使用jQuery实现Ajax请求的具体示例，包括GET、POST方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Ajax概念：
异步(局部)刷新技术，是一种Web交互的新方法。

二、Ajax包含了JavaScript、XML、CSS、XSTL、DOM、HTML/XHTML和XMLHttpRequest七种技术。

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

四、jquery Ajax：
最常用的三种方式：
提交方式为：get
$.get(url,[data],[callback])

$.get("url",{"id:id"},function(msg){
    alert(msg)
});

提交方式为：post
$.post(url,[data],[callback])

$.post("url",{"id:id"},function(msg){
    alert(msg)
});

//参数一：url:执行路径
//参数二：data:页面给后台发送的数据
//参数三：callback:后台响应的数据
备注：方括号表示，参数可以为空

不清楚提交方式：
$.Ajax({type,url,data,success})

$.ajax({
   type: "POST",    //提交方式
   url: "some.php",  //执行路径
   data: "name=John&location=Boston",    //页面向后台发送的数据
       success: function(msg){    //成功回调函数
     alert( msg );
       }
});