前后端交互的几种方式

前后端交互的几种方式

前端开发只做两件事：

• 1、 创建页面解构;
• 2、数据交互

数据交互尅分为两中：

• 1、后台技术
• 2、从后台拿数据

1、 利用cookie

• 前端通过登录来存储cookie
• 后端可以通过 req.cookies() 来获取存储的cookie信息

2、 利用ajax

node.js 之前常用的前后端交互都利用ajax和JQ中已经封装好的$ajax;$post; $getJSON 通过创建一个XMLhttpRequest对象，来进行前后端交互；

node.js 之后我们也依赖于$http服务器搭建的http来完成get；post任何jsonp的方式来进行前后端交互

3、jsonp

json 是前后端结合跨域方式，因为前端请求到数据需要在回调函数中使用，所以后端得将数据放回到回调函数中：

$ajax({
    
    
    url:"",
    dataType:"jsonp",
    json:"callback"
    success(function(res){
    
    
        console.log(res)
    })
})

** 注意：ajax 是通过使用XMLhttpRquest对象进行异步数据交互的技术，jsonp是依靠script中的src来获取数据的，他不数据ajax**

4、 服务器渲染

在node 中实现服务器渲染

利用模板引擎，node在渲染模板的时候给模板传入数据，在模板中就可以使用特定的语法来渲染dom了 例如：ejs,jade

** 注意：express里的路由是靠请求路径划分的，前一个自己搭的路由是根据请求类型划分的。**