如何使用vue.js与后台实现数据交互

JavaScript09

如何使用vue.js与后台实现数据交互,第1张

使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api:

get(url, [data], [success], [options])

post(url, [data], [success], [options])

put(url, [data], [success], [options])

patch(url, [data], [success], [options])

delete(url, [data], [success], [options])

jsonp(url, [data], [success], [options])

具体举例如下:

1、导入vue-resource

2、基于全局Vue对象使用http

// 通过someUrl获取后台数据,成功后执行then的代码

Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback)

3、在一个Vue实例内使用$http

// $http是在vue的局部范围内的实例

...使用vue.js与后台实现数据交互的方法是利用vue-resource组件提供的一系列api:

get(url, [data], [success], [options])

post(url, [data], [success], [options])

put(url, [data], [success], [options])

patch(url, [data], [success], [options])

delete(url, [data], [success], [options])

jsonp(url, [data], [success], [options])

说明:

在发送请求后,使用then方法来处理响应结果,then方法有两个参数,第一个参数是响应成功时的回调函数,第二个参数是响应失败时的回调函数。

前端的模板交给后端处理,直接写到后端逻辑中,或者通过 MVC 框架整合成后端的相对独立的部分,然后持续交付一个个 API 就好了;

2。如果两个人不坐在一起,那合作起来非常麻烦。出现问题或者需要升级时,往往很难定位谁的错,谁去改。所以最好两个人坐在一起开发,甚至一个人负责前后端)

如果采用前端处理数据,Ajax 等方式通信的话。前后端完全不需要了解,技术没有限制前端通常作为模板,需要交给后端开发人员进行模板的整合,前后端只要商量好所需的 API,就是把后端产生的数据丢到前端的模板中。通常这一步有两种方式. 后端的数据通过 API 的方式交给前端处理,通过 Ajax 等方式传输数据。

(当然,也有两种方式混合处理的)

如果采用了后端处理模板的方式,而且后端必须熟悉各种前端知识和调试技术,后端负责数据。

前后端合作的主要目的,那前端开发完静态模板后:

1. 如果前端页面主要做内容展示,需要后端处理的内容比较多。这一步要求前端代码整洁易读?

1,也不需要知道彼此的代码和实现。

两种方式如何选择、新闻类的网站;

2. 如果前端页面的交互和数据处理较多,可以将逻辑放在前端,而后端只负责数据存取,而前端逻辑简单时,建议采用后端 MVC。最后需要前端对后端处理过的页面进行检验和调试。(这种方式对沟通要求很高