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方法有两个参数,第一个参数是响应成功时的回调函数,第二个参数是响应失败时的回调函数。
前后台交互其实都是通过servlet来实现的。即servlet写数据给前台,前台展示。前台提交数据,servlet处理。
框架只是封装了servlet,提供了更加简便,更加好维护的集成模式。如果你很感兴趣框架的实现方式的话,你可以看看nutz的源代码。
nutz是国产的,有非常好的文档和注释。
前端的模板交给后端处理,直接写到后端逻辑中,或者通过 MVC 框架整合成后端的相对独立的部分,然后持续交付一个个 API 就好了;2。如果两个人不坐在一起,那合作起来非常麻烦。出现问题或者需要升级时,往往很难定位谁的错,谁去改。所以最好两个人坐在一起开发,甚至一个人负责前后端)
如果采用前端处理数据,Ajax 等方式通信的话。前后端完全不需要了解,技术没有限制前端通常作为模板,需要交给后端开发人员进行模板的整合,前后端只要商量好所需的 API,就是把后端产生的数据丢到前端的模板中。通常这一步有两种方式. 后端的数据通过 API 的方式交给前端处理,通过 Ajax 等方式传输数据。
(当然,也有两种方式混合处理的)
如果采用了后端处理模板的方式,而且后端必须熟悉各种前端知识和调试技术,后端负责数据。
前后端合作的主要目的,那前端开发完静态模板后:
1. 如果前端页面主要做内容展示,需要后端处理的内容比较多。这一步要求前端代码整洁易读?
1,也不需要知道彼此的代码和实现。
两种方式如何选择、新闻类的网站;
2. 如果前端页面的交互和数据处理较多,可以将逻辑放在前端,而后端只负责数据存取,而前端逻辑简单时,建议采用后端 MVC。最后需要前端对后端处理过的页面进行检验和调试。(这种方式对沟通要求很高