javaweb_day05 学习笔记 —— json、ajax

javaweb_day05

  • 1. json
    • 1.1 语法
    • 1.2 定义方式
  • 2. ajax
    • 2.1 xhr对象
    • 2.2 异步请求
    • 2.3 jquery的异步请求

1. json

json用于服务器向客户端响应数据的特殊格式的字符串。

1.1 语法

键值对存放数据

var json1{
“id” : “0001”,
“name” : “zhangsan” ,
“age” : 18
}

1.2 定义方式

两种方式:对象{ }、数组[ ]

  • 一个key-value
    json对象用{}表示,key必须是字符串
  • 多个key-value
    javaweb_day05 学习笔记 —— json、ajax_第1张图片
  • json对象
  • 数组
    javaweb_day05 学习笔记 —— json、ajax_第2张图片
  • 数值中的集合
    javaweb_day05 学习笔记 —— json、ajax_第3张图片
  • 给数组起名字
    javaweb_day05 学习笔记 —— json、ajax_第4张图片

2. ajax

全称:Asynchronous JavaScript And XML

2.1 xhr对象

xhr:XMLHttpRequset

常用方法、属性:

  • open(“get”,“url”,true) //true是异步
  • end()
  • responseText 接收字符串
  • responseXml 接收xml文件
  • onreadystatechange 监听器

2.2 异步请求

get请求:
javaweb_day05 学习笔记 —— json、ajax_第5张图片
post请求:

  1. 设置请求头
  2. 传输数据send() 方法中
    javaweb_day05 学习笔记 —— json、ajax_第6张图片

2.3 jquery的异步请求

三种方法:

  • $.ajax();//发送get请求或post请求
    • $.ajax({
      url : “a.txt”,
      data : “name=”+value1+"&pw"+value2,     //要传输的参数列表
      type : “post”,     //发送请求的方式post、get,不用写请求头
      dataType : “json”,     //响应数据的格式
      success : function(obj){    //obj表示服务器端响应的json对象
      alert(obj,state);
      }
      });
  • $.get(url, [data], [callback], [type]);
  • $.post(url, [data], [callback], [type]);

javaweb_day05 学习笔记 —— json、ajax_第7张图片

你可能感兴趣的:(javaweb实训笔记,json,ajax)