前言jQuery中$.ajax()方法可以发 GET/POST/DELETE 请求等 HTTP 的请求方式。 ajax() 方法用于执行 AJAX(异步 HTTP)请求。所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。 使用语法语法规范:$.ajax({name:value, name:value, ... }) 下面的表格中列出参数和对应的描述 参数名称 | 描述 |
---|
async | 发送请求前运行的函数。 | beforeSend(xhr) | 发送请求前运行的函数。 | cache | 布尔值,表示浏览器是否缓存被请求页面。默认是 true。 | complete(xhr,status) | 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。 | contentType | 发送数据到服务器时所使用的内容类型。默认是:”application/x-www-form-urlencoded”。 | context | 为所有 AJAX 相关的回调函数规定 “this” 值。 | data | 规定要发送到服务器的数据。 | dataFilter(data,type) | 用于处理 XMLHttpRequest 原始响应数据的函数。 | dataType | 预期的服务器响应的数据类型。 | error(xhr,status,error) | 如果请求失败要运行的函数。 | global | 布尔值,规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。 | ifModified | 布尔值,规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。 | jsonp | 在一个 jsonp 中重写回调函数的字符串。 | jsonpCallback | 在一个 jsonp 中规定回调函数的名称。 | password | 规定在 HTTP 访问认证请求中使用的密码。 | processData | 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true。 | scriptCharset | 规定请求的字符集。 | success(result,status,xhr) | 当请求成功时运行的函数。 | timeout | 在设置本地的请求超时时间(以毫秒计)。 | traditional | 布尔值,规定是否使用参数序列化的传统样式。 | type | 规定请求的类型(GET 或 POST)。 | url | 规定发送请求的 URL。默认是当前页面。 | username | 规定在 HTTP 访问认证请求中使用的用户名。 | xhr | 用于创建 XMLHttpRequest 对象的函数。 |
ajax() 发GET请求status状态有五种:”success”, “notmodified”, “error”, “timeout”, or “parsererror” 接口请求成功,执行success后面的回调函数,请求失败执行error // 作者-上海悠悠 QQ交流群:717225969 // blog地址 https://www.cnblogs.com/yoyoketang/ <script> //发get请求 $("#get_btn").click(function(){ $.ajax({ url: "/api/v1/demo 1", type: "GET", //默认值: "GET"请求方式 ("POST" 或 "GET") data: { //提交的数据,将自动转换为请求字符串格式 page: 1, size: 10, search : "yoyo" }, dataType:"json", //服务器返回的类型json,xml,text,html等 success: function(result, status, xhr){ // 回调结果,如果成功 if(result.code == 0){ //判断状态码 // code为0,弹出成功提示 alert("请求成功:"+JSON.stringify(result))} else { alert("请求失败:"+JSON.stringify(result)) } }, error: function(xhr, status, error) { alert("接口返回状态:"+status) } }); }) </script> 请求成功效果
请求失败(404等)
ajax() 发POST请求body传参类默认是Content-Type: application/x-www-form-urlencoded; charset=UTF-8 status状态有五种:”success”, “notmodified”, “error”, “timeout”, or “parsererror” // 作者-上海悠悠 QQ交流群:717225969 // blog地址 https://www.cnblogs.com/yoyoketang/ <script> // 发post请求 $("#post_btn").click(function(){ $.ajax({ url: "/api/v1/demo", type: "POST", //默认值: "GET"请求方式 ("POST" 或 "GET") data: { //提交的数据,将自动转换为请求字符串格式 page: 1, size: 10, search : "yoyo" }, dataType:"json", //服务器返回的类型json,xml,text,html等 success: function(result, status, xhr){ // 回调结果,如果成功 if(result.code == 0){ //判断状态码 // code为0,弹出成功提示 alert("请求成功:"+JSON.stringify(result))} else { alert("请求失败:"+JSON.stringify(result)) } }, error: function(xhr, status, error) { alert("接口返回状态:"+status) } }); }) </script> body参数类型:Content-Type: application/x-www-form-urlencoded; charset=UTF-8 ajax() 发DELETE请求$.ajax() 也可以发 DELETE请求,跟post请求差不多,type改成”DELETE”方法就可以了 <script> // 发delete请求 $("#delete_btn").click(function() { $.ajax({ cache: false, url: "/api/v1/demo", //url type: "DELETE", //方法类型 dataType: "json", //预期服务器返回的数据类型 data: { //提交的数据,将自动转换为请求字符串格式 page: 1, size: 10, search : "yoyo" }, success: function(result, status, xhr){ // 回调结果,如果成功 if(result.code == 0){ //判断状态码 // code为0,弹出成功提示 alert("请求成功:"+JSON.stringify(result))} else { alert("请求失败:"+JSON.stringify(result)) } }, error: function(xhr, status, error) { alert("接口返回状态:"+status) } }); }) </script> DELETE请求结果
2021年第 9 期《python接口web自动化+测试开发》课程,10月17号开学! 加量不加价(新增postman, 赠送selenium和python基础2个课)
本期上课时间:10月17号-1月9号,每周六、周日晚上20:30-22:30
|