学习——AJAX

最新推荐文章于 2026-01-04 22:01:00 发布

原创最新推荐文章于 2026-01-04 22:01:00 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #学习 #javascript

本文介绍了Ajax的核心作用，即实现与服务器的异步数据交换，以及在不刷新整个页面的情况下更新内容。Ajax简化了客户端与服务器的交互，使得动态网页成为可能。接着，文章讲解了Axios这个流行的JavaScript库，用于更方便地发送HTTP请求，包括GET和POST方法的使用。最后，探讨了JSON作为数据交换格式的定义及转化方法，包括如何在Java中将对象转化为JsonString和反向转化。

Asynchronous JavaScript And XML，异步的JavaScript和XML简称Ajax

一，作用

1．与服务器进行数据交换:通过AJAX可以给服务器发送请求，并获取服务器响应的数据
使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面了
2．异步交互:可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如:搜索联想、用户名是否可用校验，等等....

同样的，ajax的书写也可以参看在线教程：w3school 在线教程

二，Axios

使用它的目的是简化书写，使用流程如下

1、引入axios的js文件

2、使用axios发送请求

1）get方法
axios(
   {
       methond:"get",
       url:"......?参数1=xxx"
   }.then(function(resp){
       (通过resp获得数据并操作)
   })
)
或者
axios.get("url").then(function(resp){
   (通过resp获得数据并操作)
})

2）post方法
axios(
   {
       methond:"post",
       url:"......",
       data:"参数1=xxx"
   }.then(function(resp){
       (通过resp获得数据并操作)
   })
)
或者
axios.post("url","参数1=xxx").then(function(resp){
   (通过resp获得数据并操作)
})

三，json
1、定义
var 变量名={
   "key1":value1,
   "key2":value2,
   ......
}
获取值：变量名.key

2、JSON字符串与Java对象的相互转化
1）导入坐标，fastjson库
2）Java对象转化为Json
String jsonStr=JSON.toJSONString(obj)
3）JSON转为Java对象
User user=JSON.parseObject(jsonStr,User.class)