资讯专栏INFORMATION COLUMN

用jQuery怎么做到前后端分离

Big_fat_cat / 1454人阅读

摘要:接下来说一说路由问题和页面之间传参问题,我用做的前后端分离项目一般没有路由,直接就是连接的形势跳转页面,虽然这样很不妥,但是好像也没啥办法。总之,实现的前后端分离是不完美的,成本也是很高的,新手可以试试,建议学习或者之类的高级框架。

传统的web开发模式想必大家都知道,不管是jsp、asp、php或者一些魔板引擎开发,其实道理都是一样的,都是服务端渲染,原理是:浏览器发送一个get请求,服务器对应的返回前端一个html页面,由浏览器渲染,一张网页就呈现在用户面前了。

但是今天要说的就是大家一直在谈论的话题了,那就是“前后端分离的开发模式”,它的好处自然不必多说,那用我们最熟知jquery能不能做到前后端分离开发呢?答案是可以的!

具体实现也很简单,前端工程师通过ajax访问后台接口(可能会遇到跨域问题,详见上一篇文章)如下:

> $.ajax({
>     type:"get",
>     url:"/api",
>     data:{user:"小明","tel":12345xxxxx}
>     success:function(data){
>         console.log(data)
>     } })

通过一手ajax你可调用任何api,与后台通信不是什么难事。
但是渲染这块就很麻烦了,你可以选择的渲染方式有:append()、html()、text()等,总之很麻烦。

接下来说一说路由问题和页面之间传参问题,我用jQuery做的前后端分离项目一般没有路由,直接就是连接的形势跳转页面,虽然这样很不妥,但是好像也没啥办法。页面传参这哭基本可以解决,你可以通过地址栏传参,另一个页面通过js获取地址栏参数,进而实现地址栏传参这件事。

总之,jquery实现的前后端分离是不完美的,成本也是很高的,新手可以试试,建议学习vue或者angular.js 之类的高级框架。
有说的不对的地方欢迎技术大牛评论指正!以上仅代表我的个人观点。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52038.html

相关文章

  • jQuery怎么做到前后分离

    摘要:接下来说一说路由问题和页面之间传参问题,我用做的前后端分离项目一般没有路由,直接就是连接的形势跳转页面,虽然这样很不妥,但是好像也没啥办法。总之,实现的前后端分离是不完美的,成本也是很高的,新手可以试试,建议学习或者之类的高级框架。 传统的web开发模式想必大家都知道,不管是jsp、asp、php或者一些魔板引擎开发,其实道理都是一样的,都是服务端渲染,原理是:浏览器发送一个get请求...

    seasonley 评论0 收藏0
  • Node.js作为中间层实现简单的前后分离

    摘要:基本逻辑如下图所示对此做了一个点赞的,逻辑不复杂,但达到了作为中间层实现前后端分离的目的。 零、用koa2实现前后端分离的点赞+1的功能(欢迎clone和star) Github:https://github.com/pengxiaohua/praise-by-koa简书:http://www.jianshu.com/p/c3215333655a 一、前后端不分离存在什么问题 之前做一...

    moven_j 评论0 收藏0
  • 关于前后分离的开发模式

    摘要:因此今天要讨论的话题就是前后端分离的开发,让前端工程师的工作更饱满,更具有价值如何实现前后端分离要实现前后端分离开发其实不是什么难事,前辈早就有很多经验了,比如等。 为什么要做分离开发: 现在很多公司的web开发模式都是用jsp、php、asp等等开发,由服务端渲染,而前端工程师的工作就是完成切图及静态页面的搭建,他们的精力都放在了辅助别人完成项目的工作,背锅还不讨好,责任划分不明确。...

    zacklee 评论0 收藏0
  • 关于前后分离的开发模式

    摘要:因此今天要讨论的话题就是前后端分离的开发,让前端工程师的工作更饱满,更具有价值如何实现前后端分离要实现前后端分离开发其实不是什么难事,前辈早就有很多经验了,比如等。 为什么要做分离开发: 现在很多公司的web开发模式都是用jsp、php、asp等等开发,由服务端渲染,而前端工程师的工作就是完成切图及静态页面的搭建,他们的精力都放在了辅助别人完成项目的工作,背锅还不讨好,责任划分不明确。...

    suosuopuo 评论0 收藏0

发表评论

0条评论

Big_fat_cat

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<