JavaWEB【AJAX快速入门】

如需温习上一节内容，请点击下方链接进行跳转。

JavaWEB之MVC购物车_云彩123的博客-CSDN博客1.引入问题1：先有servlet还是先有jsp？先有servletweb发展史：HTML静态页面---serlvet----jsp问题2：web开发模式发展：模型1 模型2只有静态页面的时候： HTML+css出现servlet之后：可以进行交互模型1：第一代----把所有的代码（java+html）写一个jsp页面。 一层模型1：第二代---javabean：将数据库交互的代码进行封装 src 二层模型2：MVC问题：三层架构---开发设计模式，将程序分为三层去管https://blog.csdn.net/m0_64522859/article/details/124422524

目录

1.JSON使用

    1.1 前端JSON格式字符串的转换使用

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

2.异步与同步

    2.1 同步

  2.2 异步

3.jQuery之AJAX使用

    3.1 概述

3.2 方法

    3.3 语法    

4.案例

    4.1 用户是否可注册    4.2 搜索自动补全    

---

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]);

4.案例

    4.1 用户是否可注册
    4.2 搜索自动补全