Ajax学习总结

最新推荐文章于 2024-12-23 16:45:37 发布

沈钢板

最新推荐文章于 2024-12-23 16:45:37 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_16930699/article/details/84871055

前端专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了Ajax技术，解释了如何在不重新加载整个网页的情况下更新部分内容，重点讲解了使用jQuery库进行Ajax请求的方法，包括GET和POST两种提交方式。

概念

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。
Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

主要总结的JQuery对AJAX的支持
提交AJAX请求

$.ajax({
url: page,
data:{“name”:value},
success: function(result){
$("#checkResult").html(result);
}
});

$.ajax采用参数集的方式 {param1,param2,param3} 不同的参数之间用,隔开
第一个参数 url:page 表示访问的是page页面
第二个参数 data:{name:value} 表示提交的参数
第三个参数 success: function(){} 表示服务器成功返回后对应的响应函数

使用get方式提交ajax

$.get(
            page,
            {"name":value},
            function(result){
              $("#checkResult").html(result);
            }
);

使用post方式提交ajax

$.post(
    page,
    {"name":value},
    function(result){
        $("#checkResult").html(result);
    }
);

$.post 使用3个参数
第一个参数: page 访问的页面
第二个参数: {name:value} 提交的数据
第三个参数: function(){} 响应函数
只有第一个参数是必须的，其他参数都是可选