Ajax、JSON——学习笔记

    xiaoxiao2021-10-31  57

    一、什么是Ajax?

    Ajax是异步的javaScript和Xml

    二、作用

    1.运用HTML和CSS实现页面,表达信息 2.运用XMLHttpRequest和web服务器进行数据的异步交换 3.运用JS操作DOM,实现动态局部刷新

    三、

    var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari }else{ request=new ActiveXObject("Microsoft.XMLHTTP");//IE5,IE6 }

    四、请求

    1.HTTP请求

    HTTP是计算机通过网络进行通信的规则

    完整的HTTP请求的过程: ①建立TCP连接 ②Web浏览器向Web服务器发送请求命令 ③Web浏览器发送请求头信息 ④Web服务器应答 ⑤Web服务器发送应答头信息 ⑥Web服务器向浏览器发送数据 ⑦Web服务器关闭TCP连接

    请求方式:GET/POST 请求URL:请求地址 请求头 请求体:请求正文

    XMLHttpRequest发送请求 open(method,url,async)发送请求方法  method:get/post  url:请求的地址  async:请求的同步(false)或异步(true) send(String)把请求发送到服务器

    request.open("post","",true); request.setRequestHeader("Content-type","application/x-www-form-urlencoded"); request.send("name=jjj&sex=男");

    获得服务器的响应 responseText:获得字符串形式的响应数据 responseXML:获得XML形式的响应数据 status和statusText:以数字和文本形式返回HTTP状态码 getAllResponseHeader():获取所有的响应报头 getResponseHeader():查询响应中的某个字段的值

    readyState属性0,1,2,3,4

    request.onreadystatechange=function(){ if(request.readyState==4&&request.status==200){ request.responseText; } }

    五JSON

    1.JSON,全称是JavaScript Object Notation。它是基于JavaScript编程语言ECMA-262 3rd Edition-December 1999标准的一种轻量级的数据交换格式,主要用于跟服务器进行交换数据。跟XML相类似,它独立语言,在跨平台数据传输上有很大的优势。

    2.JSON在线校验:检查语法错误jsonlint.com   -->json格式化和校验工具

    3.JSON:JS对象表示法 JSON是存储和交换文本信息的语法,类似XML,它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 JSON是独立于语言的,即不管什么语言,都可以解析JSON,只需要按照JSON的规则来就行

    4.JSON书写格式:名称/值对,其中,名称、值对都在双引号中

     eg:"name":"zhang" "name":[{"name":"anna","age":7},{"name":"andy","age":8},{"name":"sandy","age":10}]

    5.JSON解析: eval 和 JSON.parse()

    由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    6.JSON 语法是 JavaScript 对象表示法语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组

    7.JSON 值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) null

    8.JSON 文件的文件类型是 ".json" JSON 文本的 MIME 类型是 "application/json"

    
    转载请注明原文地址: https://ju.6miu.com/read-677905.html

    最新回复(0)