vue与后端数据交互(ajax):vue-resource
必须引入一个库:vue-resource1.获取普通文本数据 比如:a.txt:welcomet to vue!!!11html>head>title>title>meta charset="utf-8">script src="http://unpkg.com/vue/dist/vue.js">script>script src="ht
·
必须引入一个库:vue-resource
1.获取普通文本数据
比如:a.txt
:
- 1
- 1
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
上面代码实现了,点击按钮,就发送get请求,然后把拿到的数据alert出来。
2.get发送数据给后端
假设后端地址是get.PHP,代码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
this.$http.get('get.php',jsonData)
第二个参数就是传到后端的数据。
3.post请求
post发送数据到后端,还需要第三个参数:{emulateJSON:true}
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
4.jsonp
这是360搜索jsonp的接口:
https://sug.so.360.cn/suggest?callback=suggest_so&word=a
我们看vue-resource如何使用jsonp
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
更多推荐
已为社区贡献6条内容
所有评论(0)