Jquery笔记：Ajax

最新推荐文章于 2025-08-15 15:42:14 发布

Songgp1024

最新推荐文章于 2025-08-15 15:42:14 发布

阅读量250

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js 文章标签： ajax js

本文链接：https://blog.youkuaiyun.com/songguopeng/article/details/85007869

js 专栏收录该内容

1 篇文章

订阅专栏

本文深入讲解了Ajax的基本使用方法及JSON数据格式的要点，包括JSON的语法特点、前后端交互方式，以及如何利用jQuery库进行Ajax请求，实现数据的异步加载与处理。

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

Ajax的使用

JSON使用要点

{}表示对象，可以理解为Java中的Map
[]表示数组，可以理解为Java的List
数据之间用逗号分隔
JSON 是 JS 对象的字符串表示法，本质是字符串
要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法
要实现从 JSON 转换为对象，使用 JSON.parse() 方法
get(‘param’) 方法获取值

Ajax基本使用语法


$.ajax({
              type:'post',
              url:'url',
              dataType:'json',            //预期服务器返回的数据类型，后台处理时必须对应
              contentType:'application/json;charset=utf-8',
              async:false,             //默认是true异步提交，false是同步提交
              data:JSON.stringify({
                      'param1':param1,
                      'param2':param2,
                      'param3':param3
                     }),
               success:function (data) {
                       alert('请求成功！');
                      },
               error:function () {
                       alert('请求失败！');
                      }
            })

后台接收数据

@RequestMapping(value = "url")
@ResponseBody
public JSONObject aroundTimeDetail(@RequestBody String params){
	JSONObject jsonObject = JSON.parseObject(params);
	String param1= jsonObject.get("param1")+"";
	String param2= jsonObject.get("param2")+"";
	String param3= jsonObject.get("param3")+"";	
	JSONObject json = new JSONObject();
	json.put("message","success");
	return json;

}