全面分析前端的网络请求方式

发布时间：2019-03-29 05:25:15 所属栏目：建站来源：ConardLi

导读：副标题#e# 一、前端进行网络请求的关注点大多数情况下，在前端发起一个网络请求我们只需关注下面几点：传入基本参数（url，请求方式）请求参数、请求参数类型设置请求头获取响应的方式获取响应头、响应状态、响应结果异常处理携带cookie设置跨域请

在很长一段时间里，人们使用jQuery提供的ajax封装进行网络请求，包括$.ajax、$.get、$.post等，这几个方法放到现在，我依然觉得很实用。

$.ajax({  
    dataType: 'json', // 设置返回值类型  
    contentType: 'application/json', // 设置参数类型  
    headers: {'Content-Type','application/json'},// 设置请求头  
    xhrFields: { withCredentials: true }, // 跨域携带cookie  
    data: JSON.stringify({a: [{b:1, a:1}]}), // 传递参数  
    error:function(xhr,status){  // 错误处理  
       console.log(xhr,status);  
    },  
    success: function (data,status) {  // 获取结果  
       console.log(data,status);  
    }  
})

$.ajax只接收一个参数，这个参数接收一系列配置，其自己封装了一个jqXHR对象，有兴趣可以阅读一下jQuary-ajax 源码

常用配置：

url

当前页地址。发送请求的地址。

type

类型：String 请求方式 ("POST" 或 "GET")，默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。

timeout

类型：Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。

success

类型：Function 请求成功后的回调函数。

jsonp

在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分。

error 类型：Function 。请求失败时调用此函数。

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

4/15

首页

尾页