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

JavaScript019

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>

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

完整代码,可直接贴用!