ajax局部刷新

最新推荐文章于 2021-08-06 13:17:26 发布

日入上万

最新推荐文章于 2021-08-06 13:17:26 发布

阅读量2.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签： ajax 局部刷新

本文链接：https://blog.youkuaiyun.com/weixin_44239490/article/details/89575377

本文介绍了如何使用Ajax进行局部刷新，通过获取元素并触发事件，设置Ajax请求的属性如URL、类型、数据、数据类型及成功回调。在后端判断用户名和密码正确性后，返回相应的标志值，实现页面部分内容的更新。

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

1、首先，我们需要获取实现刷新的元素，比如input元素，并在该元素上出发事件，比如触发click事件。

常用的获得id和class的方法是：

//获得有id元素的方法
$("#id")
//获得由class元素的方法
$(".class")

2、我们获取登录按钮所在的元素input，并在该元素上面触发点击事件

$("#login").click(function(){});

3、其次，我们触发的是Ajax事件，触发该事件需要几个属性。

第一个属性就是url，这个属性表示的意思就是我们请求的是哪一个资源
第二个属性就是type，这个属性表示的是我们的请求类型
第三个属性是data，这个属性表示的是我们请求时需要带去的值
第四个属性是dataType，这个属性表示的是返回时的数据类型，一般为json
第五个属性是success，这个属性表示的是接收返回的值

$("#login").click(function(){
    $.ajax({
        //url表示我们请求的是哪一个资源,一般是一个Servlet，属性之间用“,”隔开
        url:"<%basePath%>/LoginServlet",
        //请求类型
        type:"post",
        //需要带去的值,带去的时候要先获取这个元素的值
        data:{
          username:$("input[name=username]"),
          password:$("input[name=password]")
        },
        //返回的数据类型
        dataType:"json",
        //接收返回的值，返回的值存在result中
        success:function(r