# 1、前后端交互模式 1.1接口调用方式 ● 原生ajax. ● 基于jQuery的ajax ● fetch ● axios  # 1.2 URL地址格式 ## 1.传统形式的URL ● 格式: schema://host:port/ path?query#fragment ①schema: 协议。例如http、https、 ftp等 ②host: 域名或者IP地址 ③port: 端口, http默认端口80,可以省略 ④path: 路径,例如/abc/a/b/c ⑤query: 查询参数,例如uname=lisi&age=12 ⑥fragment: 锚点(哈希Hash)，用于定位页面的某个位置 ● 符合规则的URL ①[http://www.itcast.cn](http://www.itcast.cn/) ②[http://www.itcast.cn/java/web](http://www.itcast.cn/java/web) ③[http://www.itcast.cn/java/web?flag=1](http://www.itcast.cn/java/web?flag=1) ④[http://www.itcast.cn/java/web?flag=1#function](http://www.itcast.cn/java/web?flag=1#function) ## 2\. Restful形式的URL ● HTTP请求方式 ① GET 查询 ② POST 添加 ③ PUT 修改 ④ DELETE 删除 ● 符合规则的URL地址 ①[http://www.hello.com/books](http://www.hello.com/books)GET ②[http://www.hello.com/books](http://www.hello.com/books)POST ③[http://www.hello.com/books/123](http://www.hello.com/books/123)PUT ④[http://www.hello.com/books/123](http://www.hello.com/books/123)DELETE