拓展：slideToggle  （切换slideUp和slideDown的效果）

一、HTTP协议-请求方法

最常见的增删改查所需要用到的请求方式有：

增加一般使用  post请求

删除一般使用  delete请求

修改一般使用  put请求

查询一般使用  get请求

接口最终用什么请求取决于后端

二、使用jQuery处理Ajax

$.ajax() 方法

$.get() 方法

$.post() 方法

1、$.ajax() 方法

通过 HTTP 请求加载远程数据

jQuery.ajax([settings])

Settings：可选。用于配置 Ajax 请求的键值对集合

图例：

$.ajax() 方法-参数

methood   可以利用methood:修改请求方式

async  默认是true为异步 false表示同步

cache  表示是否缓存页面的数据 默认为true  改为false则表示不缓存此页面 dataType为script或jsonp 默认是false

data    表示发送到服务端的数据

dataType  预期服务器返回的数据类型 类型：script、jsonp、json （如果服务器返回数据是字符串类型 使用dataType:"json"可以自动转成json类型）

error    请求失败时（404）调用此函数   形式参数err会返回请求失败的信息对象

success    请求成功后 可以通过形参获取后台传输的数据

jsonp   在jsonp请求中重写回调函数的名字

jsonpCallback  给jsonp请求指定一个回调函数名

查看请求方式

异步和同步区别：

异步有一定的等待时间 一件事没做完可以做另一件事 

同步表示一件事做完之后 再做另一件事

小练习：

利用JQ的Ajax插入表格内容

2、$.get() 方法

通过 HTTP GET 请求从服务器上请求数据

$.get(URL,callback);

URL：必需参数，路径

Callback：可选参数，请求成功后所执行的函数名

$.post() 方法

通过 HTTP POST 请求从服务器上请求数据

$.post(URL,data,callback);

URL：必需参数，路径

Data：可选参数，连同请求发送的数据

Callback：可选参数，请求成功后所执行的函数名

图例：

三、跨域

什么是跨域

跨域，指的是浏览器不能执行其他网站的脚本

产生跨域的原因

由浏览器的同源策略造成的

同源策略：同域名，同端口，同协议

跨域解决

跨域解决方案1（一般是后端添加）

CORS跨域资源共享

服务端：header("Access-Control-Allow-Origin:*");

缺点

ie10以下不支持

示例图：

跨域解决方案2

jsonp

动态创建script标签，使用jQuery的jsonp请求

优点

兼容性强&不受同源策略的限制

缺点

只能用get方法，不能使用post方法

callback名称以及后面的￥回调函数名一定要一样

示例图：