Ajax实现局部刷新的方法实例

前言

最近复习了一下jquery的一些内容，特此整理一下一些能用的得到的知识点，以前才学jquery的时候压根就没有注意到那么多的细节，另外最近一直都在整理前端的一些工作中学到的小经验，大概还会有十篇左右的内容，就会慢慢开始整理后端，框架，以及数据库的一些小知识点

一、 ajax是什么？

概念： asynchronous javascript and xml 异步的javascript 和 xml

1、异步和同步：客户端和服务器端相互通信的基础上

     -> 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。

     ->客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作

2、ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

     ->通过在后台与服务器进行少量数据交换，ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

     -> 传统的网页（不使用 ajax）如果需要更新内容，必须重载整个网页页面。

二、实现方式：

1.原生的js实现方式（了解）

javascript代码如下（示例）：

java后端接收代码如下（示例）：

2.jqeury实现方式

代码如下（示例）：

1. $.ajax()

    -> 语法：$.ajax({键值对});

代码如下（示例）：

2. $.get()：发送get请求(ajax的简化)

-> 语法：$.get(url, [data], [callback], [type])

    * url：请求路径

    * data：请求参数

    * callback：回调函数

    * type：响应结果的类型

代码如下（示例）：

3. $.post()：发送post请求(ajax的简化)

->语法：$.post(url, [data], [callback], [type])

    * url：请求路径

    * data：请求参数

    * callback：回调函数

    * type：响应结果的类型

代码如下（示例）：

小栗子

jsp页面:

java代码

截图：

总结

到此这篇关于ajax实现局部刷新的文章就介绍到这了,更多相关ajax局部刷新内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！