目录
1 GET请求
1.1 不带参数的请求
1.2 带参数的请求
2 POST请求
3 $.ajax()
4 $.ajax()请求后的回调函数
4.1 error函数
4.2 complete函数
5 $.ajax添加请求头
6 $.ajax发送Formdata
1 GET请求
在浏览器中输入地址然后敲下回车相当于发送了一个get请求,get请求常用于从服务端拿数据
jQuery中发get请求的函数如下
1.1 不带参数的请求
我们先看一下服务端的内容
cross_origin是避免跨域问题的,跨域问题要么在前端解决要么在后端解决,我们现在后端解决跨域问题,后面如果有机会会介绍一些如何在前端解决跨域问题
之后前端进行请求
192.168.22.6是我本机的IP,如果写127.0.0.1也是可以的result是形参,使用什么名称都可以,内容是响应的数据
1.2 带参数的请求
客户端传一个参数进去,然后将你传入的参数+1,然后再返回给客户端
请求代码
2 POST请求
post请求常用于向服务端提交数据
服务
请求
3 $.ajax()
综合请求函数$.ajax()可以发get请求也可以发post请求
服务,如果是POST请求就将传入的数据+1然后返回,如果是GET请求就将传入的数据+2然后返回
我们先用GET请求
再用POST请求
4 $.ajax()请求后的回调函数
在jQuery的Ajax中有三个请求后常用的回调函数
success 请求成功时执行的回调函数error 请求失败时执行的回调函数complete 无论请求成功还是失败都会执行的回调函数
这三个函数可以同时写出来,彼此不冲突
我们上面使用过success,这里我们使用其他两个
我们下面简单用一下
4.1 error函数
error有三个常用参数
jqHXR是一个XMLHttpRequest对象,我们可以通过这个对象得到状态码这种信息textStatus 错误信息,比如timeouterrorThrown 错误HTML信息,比如 Not Found,Internal Server Error.
我们下面简单用一下
下面的情况用的不是同一个服务
我现在没开服务,发请求,等待一段时间后会出现下面这些信息
再比如我出现了404
跨域
4.2 complete函数
有两个常用的参数
jqHXR是一个XMLHttpRequest对象,我们可以通过这个对象得到状态码这种信息textStatus 描述请求状态的字符串,比如 success,error,timeout这些
我们先看成功时的情况
再看失败时的情况
5 $.ajax添加请求头
给headers值,多个请求头用逗号隔开
6 $.ajax发送Formdata
发送Formdata的时候要加上这两句,不然会报错
相关阅读
发表评论