AXAJ

179 阅读2分钟

image.png

面试题:URI 和 URL 的关系是什么? —— URL是一种特殊的URI

URI: Unified Resource Identifier,统一的 资源识别符,URI=URL+URN

U RL Unified Resource Locator,统一的 资源定位符

           例如:www.baidu.com:80/img/logo.pn…

U RN Unified Resource Naming,统一的 资源命名符

           例如:mailto: admin@tedu.cn   或  tel: 13501234567

一、AJAX概述

  AJAX Asynchronous  JavaScript  And  XML,异步的JS和XML。2000年左右,由Google公司提出的技术,最早用于“搜索建议”效果。
用途 用于异步的向服务器提交请求数据,并实现页面的局部刷新。
涉及到的技术 HTML、JS、HTTP/HTTPS、接口、XML或JSON

   
同步 synchronous 客户端浏览器与服务器“你执行时我等待,我执行时你等待”——同一个任务
异步 :a synchronous 客户端浏览器和服务器“同时执行各自的代码”——不同的任务

场景1:顾客打电话问空桌,酒店让顾客别挂电话,查询一圈后告诉顾客结果
场景2:顾客打电话问空桌,酒店让顾客挂电话,查询一圈后再给顾客回拨告知结果——酒店在查询时顾客没有等在电话,而是在干自己的其它事情

客户端提交数据给服务器有两种方式:
方式 1:< form action="/user/login" method="get"> ——同步执行,且是整体刷新
客户端提交请求后开始等待...
服务器接收到请求开始处理,最后返回响应消息;
客户端接收到响应消息,销毁掉页面中已有内容,跳转到新的内容
image.png

  方式 2:n ew XMLHttpRequest().open('get', '/user/login') ——异步执行,且是局部刷新
客户端提交请求后不会等待,继续执行其它任务
服务器接收到请求开始处理,最后返回响应消息;
客户端接收到响应消息,使用回调函数处理响应消息,修改页面中的部分内容
image.png

二.JSON(JavaScript Object Notation)

JS对象表示法,是一种语言,语法借鉴了JS对象语法的一部分,用于描述数据,把数据转换为字符串格式,在不同的系统间交换

image.png

JSON序列化 把服务器端编程语言中的数据转换为JSON格式的字符串

let  jsonString = JSON.stringify( obj )    //JSON序列化方法

JSON反序列化 在浏览器中把接收到的JSON格式的字符串转换为JS中的对象

let  objData  =  JSON.parse( jsonString )  //JSON反序列化方法