JavaWEB（AJAX快速入门）

最新推荐文章于 2025-05-23 13:45:00 发布

小亮yayaya

最新推荐文章于 2025-05-23 13:45:00 发布

阅读量73

点赞数

文章标签： jquery java

本文链接：https://blog.youkuaiyun.com/XiaoLiangyaya/article/details/124487966

版权

本文介绍了JSON在前端JavaScript和jQuery中的转换方法，以及后端的转换库。同时，阐述了同步与异步的概念，并详细解析了jQuery中AJAX的使用，包括get和post方法，以及其主要参数的解释，展示了如何实现局部刷新的效果。

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

1.JSON使用
对象字符串，满足定义规则的字符串。
1.1 前端JSON格式字符串的转换使用
            JavaScript——JSON.stringify(o);JSON.parse(jsonStr);
            jQuery——$.parseJSON

1.2 后端JSON格式字符串的转换使用
            jackJSON
            fastJSON

2.异步与同步
2.1 同步
   一个人同一时间只能做一件事情，只有一件事情做完，才能做另一件事情。
2.2 异步
   一个人事情做了一半，转而去做其他事情，当其他事情做完以后，再回过头做之前未完成的事情。

3.jQuery之AJAX使用

原生js写ajax请求（写起来很复杂，而且需要考虑浏览器版本），而jQuery将这些复杂的业务逻辑进行封装处理，使用非常简单。

3.1 概述
   Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML
   核心：Ajax就是能够做到局部刷新！
3.2 方法
   ** ajax()
   ** get()
   ** post()

3.3 语法
   $.ajax({
       url:"发送请求（提交或读取数据）的地址",
       dataType:"预期服务器返回数据的类型",
       type:"请求方式",
       async:"true/false",
       data:{发送到/读取后台（服务器）的数据},
        success:function(data){请求成功时执行},
        error:function(){请求失败时执行}
   });

   $.post(url, [data], [callback], [type]);

   $.get(url, [data], [callback], [type]);

常用参数：
url:一个用来包含发送请求的URL字符串。

data：发送到服务器的数据。

dataType：预期服务器返回的数据类型。

success：请求成功后的回调函数。参数：由服务器返回
type：(默认: "GET") 请求方式 ("POST" 或 "GET")，默认为 "GET"。
$.ajax({
            type:"post",
            dataType:"text",
            url:"hello.do",
            data:"sname="+sname,
            success:function(data){
                $("#sid").html(data);
            }
        });