03-08 02:21 阅读 101

AJAX

------------恢复内容开始------------

Ajax

1. 概念

ASynchronous JavaScript and xml,异步的 JavaScript 和 xml.
异步和同步:客户端和服务器端相互通信的基础上
Ajax 是一种用于创建快速动态网页技术.
Ajax 是一种无需重新加载整个网页的情况下,能够更新部分网页的技术.
通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味可以在不重新加载整个网页的情况下,对网页的某部分进行更新.
传统网页(不使用 ajax)如果需要更新内容,必须重载整个网页页面.
作用:提升用户体验

2. 实现方式

2.1 原生 js实现方式(了解)

@WebServlet("/ajaxServlet")
public class AjaxDemo1Servlet extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text:html;charset=utf-8");
        //获取请求参数
        String username = request.getParameter("username");
        //处理业务逻辑 耗时
        try {
            Thread.sleep(5000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //打印 username
        System.out.println("username = " + username);
        //响应
        response.getWriter().write("htllo " + username);
    }
}

2.2 jQuery实现方式

$.ajax()

语法: $.ajax(url,[settings])

$.get(): 发送 get请求

语法: $.get(url, [data], [callback], [type])

参数:
url:请求路径
data:请求参数
callback:回调函数
type:响应结果类型

$.post(): 发送 pose请求

语法: $.post(url, [data], [callback], [type])

json

1. 概念

JavaScript object notation,JavaScript对象

Person p = new Person();
p.setName();
p.setAge();
p.setGender();

var p {"name":"A","age":"24","gender":"女"}
json现在多用于存储和交换文本信息的语法,类型 xml,json比 xml更小更快更容易解析

2. 语法

基本规则
- 数据在名称/值对中: json数据是由键值对构成的
  - 键用引号(单双都行)引起来,也可以不适用引号
  - 值的取得类型
    数字 >正数或浮点数
    字符串 >在双引号中
    逻辑值 >true false
    数组 >在方括号中 {"persons":[{},{},..]}
    对象 >或括号中 {"address":{"province":"北京"...}}
    null
- 数据由逗号分隔 :多个键值由逗号分隔
- 花括号保存对象 :使用{}定义 json格式
- 方括号保存数组 :[]
获取数据

原文：https://www.cnblogs.com/zk2020/p/15308189.html