前端发送请求的方法总结

1 )原生的ajax

get请求

function ajax(url,success,error){if(window.XMLHttpRequest){var oAjax = new XMLHttpRequest();}else{var oAjax = new ActiveXObject('Microsoft.XMLHTTP');}oAjax.open('GET',url,true);oAjax.send();oAjax.onreadystatechange = function(){if(oAjax.readyState==4){if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){success&&success(oAjax.responseText);    //成功的回调函数}else{error&&error(oAjax.status);              //失败的回调函}}};
}

post请求

function ajax(url,success,error){if(window.XMLHttpRequest){var oAjax = new XMLHttpRequest();}else{var oAjax = new ActiveXObject('Microsoft.XMLHTTP');}oAjax.open('POST ',url,true);oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');oAjax.send('fname=Bill&lname=Gates');oAjax.onreadystatechange = function(){if(oAjax.readyState==4){if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){success&&success(oAjax.responseText);    //成功的回调函数}else{error&&error(oAjax.status);              //失败的回调函}}};
}

jquery 发送ajax请求

 $.ajax({//请求方式type : "POST",//请求的媒体类型contentType: "application/json;charset=UTF-8",//请求头headers：{}，//请求地址url : "http://127.0.0.1/admin/list/",//数据，json字符串data : JSON.stringify(list),//请求成功success : function(result) {console.log(result);},//请求失败，包含具体的错误信息error : function(e){console.log(e.status);console.log(e.responseText);}});

vue axios

axios是基于promise可以用于浏览器和node.js的http客户端

支持浏览器和node.js
支持promise
能拦截请求和响应
能转换请求和响应数据
能取消请求
自动转换JSON数据
浏览器端支持防止CSRF(跨站请求伪造)

// 发起一个POST请求
axios({
method: ‘post’,
url: ‘/user/12345’,
data: {
firstName: ‘Fred’,
lastName: ‘Flintstone’
}
}).then(data=>{console.log(data)});

具体用法[添加链接描述](https://www.kancloud.cn/yunye/axios/234845)

前端发送请求的方法总结相关推荐

前端发送请求到后端报400错误问题
一般情况下,前端发送请求到后端,报400是由于前后端json对象中的属性名与后端接收请求的实体类的属性名不对应(完全相同)引起的.排除400错误的方法如下: 1.前端发送的属性名和后端实体类的属性名不 ...
Django Ajax发送请求使用方法
首先需要引入Jquery这个库其次: 需要引入csrf_token 原因是因为django 表单认证需要csrf认证最后,就是正常执行ajax发送请求示例代码如下: <script src ...
HTTP协议：接口测试_发送请求_post方法
HTTP中的POST请求 1.POST请求与GET请求并没有很大的区别,本质的区别在于它们传递参数的方式不一样 ⑴GET:将请求参数放在URL中向服务器传递(查询字符串参数) ...
java 防止url重复请求_Web项目如何防止客户端重复发送请求
在Web项目中,有一些请求或操作会对数据产生影响(比如新增.删除.更新),针对这类请求一般都需要做一些保护,以防止用户有意或无意的重复发起这样的请求导致的数据错乱. 本文总结了一些防止客户端重复发送请 ...
前端发起请求，后端响应请求的整个过程
文章目录前端注册页面 axios 请求方法 URL 路径配置自定义 axios 方法封装后端创建服务器模块接口方法模块连接数据库本文分为:前端.后端两部分讲诉.以下是前端发送请求到服务 ...
谷歌浏览器怎么重发请求_Googel 浏览器模拟发送请求工具--Advanced REST Client
Advanced REST Client是 Chrome 浏览器下的一个插件,通过它可以发送 http.https.WebSocket 请求.在 Chrome 商店下搜索 Advanced REST ...
前端发送http的get请求 - 代码篇
前端html发送http GET请求(含案例 .含代码) 资料文献地址: 资料文献 . jQuery.get().jQuery.post() 分类:快捷方法案例 · 代码: <!DOCTYPE ...
前后端分离时ajax发送请求时后端能接送，但是前端的response为空时
困扰了一天的问题,使用ajax向后端发送请求,后端成功接收并且处理,但是返回前端时在前端调用response时发现后端返回的数据为空 . success:function (response) {if ...
python写页面发送post请求_Python模拟浏览器向CSDN发送post请求的方法,POST
目录 1.发送get请求的方法 import requests import json def GET(url): #get请求 req = requests.get(url) #输出状态码 prin ...

前端发送请求的方法总结

1 )原生的ajax

jquery 发送ajax请求

vue axios

前端发送请求的方法总结相关推荐

最新文章

热门文章