vue开发中有几种网络请求方式？用哪一种

JavaScript018

vue开发中有几种网络请求方式？用哪一种,第1张

选择什么网络模块？Vue中发送网络请求有非常多的方式，那么，在开发中，如何选择呢？

选择一：传统的ajax是基于XMLHTTPRequest(XHR)

为什么不用他呢？

非常好解释，配置和调用方式等非常混乱

编码起来非常蛋疼

选择二：JQuery-Ajax 相遇与传统的ajax非常好用

为什么不用他？

Vue项目中不适用jquery了。

专门适用ajax专门引用jquery，麻烦

选择三： vue-resource 体积小

为什么不用他？

不再更新。

选择四：axios 用起来方便

功能特点：

在浏览器中发送xmlhttprequest请求

在node.js中发送http请求

支持promiseApi

拦截请求和响应

转换请求和响应数据

看你跟其它用户的交流，大概的意思就是在打开页面的时候，发送一次页面请求，请看代码：

<!DOCTYPE HTML>

<html>

<head>

    <meta charset="UTF-8"/>

    <title>DemoJavascript</title>

</head>

<script type="text/javascript" src="

<body>

<div>

This is your code.

</div>

</body>

<script type="text/javascript">

$(document).ready(function(){

var url = 'htttp://

// 这是你要发送请求的URL地址

setTimeout(function(){

// post前需要引入jQuery库

$.post(url, {data:data}, function(r){ // data是你发送请求时传递的参数（Json格式）

/**

 * function里面的r是你发送请求后，返回的参数

 * 比如你发送请求后，返回status=1，info='Hello World！'

 * 返回后输出格式：

 * if(r.status == 1){

 *  alert(r.info)

 * }else{

 *  .....

 * }

 */

}, 'json')

}, 1000) // 1000是指：打开页面后1秒钟执行function里面的操作

})

</script>

</html>

代码内的链接地址被过滤掉了，你看看下面这张图

完整代码，可直接贴用！