vue基础之使用get、post、jsonp实现交互功能示例

本文实例讲述了vue基础之使用get、post、jsonp实现交互功能。分享给大家供大家参考,具体如下:

一、如果vue想做交互,引入: vue-resouce

二、get方式

1、get获取一个普通文本数据:




  
  
  
  
  
  


  



2、get给服务发送数据:




  
  
  
  
  
  


  



三、post方式




  
  
  
  
  
  


  



四、jsonp方式

获取百度接口

vue基础之使用get、post、jsonp实现交互功能示例_第1张图片

查看响应数据

vue基础之使用get、post、jsonp实现交互功能示例_第2张图片

jsonp请求百度接口




  
  
  
  
  
  


  



jsonp请求360接口




  
  
  
  
  
  


  



感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家vue.js程序设计有所帮助。

你可能感兴趣的:(vue基础之使用get、post、jsonp实现交互功能示例)