详解前后端交互原理及方法

前后端交互我们首先要知道前端要做的工作有哪些?后端要多的工作有哪些?

1. 页面架构的搭建是由我们前端负责来写的;

2.其次就是数据的交互了,也就是从后台拿数据;

3.数据交互的作用就是从后台拿到数据渲染到页面;

前端请求的url有谁来写?

1.url 主要有后台来写,写完给前端;

2.如果后台查询数据,需要借助查询条件才能查询前端需要的数据时后台会要求前端提供相关的的查询参数,这里查询的参数就是url请求的参数;

接口文档主要有谁来写?

1.接口文档也是主要由后台开发者来写;

2.因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被动接受者.所以接口文档也主要是由后台来完成的;

3.前端只是接口文档的使用者,使用过程中,发现返回的数据不对,则需要跟后台进行商量,由后台来修改;

4. 前端不要随意更改接口文档,除非在取得后台开发人员的同意的情况下;

5.接口文档主要由后台来设计修改,前端开发者起到了辅助的作用;

前端开发与后台交互的数据格式主要是什么?

主要格式有四种:xml json form iframe

现在最常用的就是 json 格式,其他几种用的不多但是要知道;

前后端开发交互的原理是什么?

1.在项目中,我们首先先整理前端的请求的参数有哪些,后台会返回相应的参数;

2. 前端把页面写好之后会给后台要一个接口地址,这个接口就是调取数据的;

2.后台会给我们一个接口地址,我们调用这个接口地址看一下返回的数据有没有问题,有问题找后台问一下,没问题就OK;

前端请求参数的方法有哪些?

1. 有两种常用的方法 :GET和POST两种方式;
2. get不安全;

3.post安全;
4. GET - 从指定的服务器中获取数据;
5. POST - 提交数据给指定的服务器处理;

前端应该告诉后台哪些有效信息,后台才能返回前端想的数据的呢?

1. 先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内容和逻辑告知后端;
2. 后端就会去数据库里面去查找相应的数据表中去获得相应的内容,或者图片地址信息;
3. URL中的参数主要是根据后台需要;
4. 如果后台需要一个参数作为查询的辅助条件 前端在URL数据请求时就传递参数;
5.   参数前面用 “ ?”连接 , 几个参数中间 “&”号连接;

怎么把页面信息有效传达给后台,以及后台是如何获取到这些数据?

1. 前端请求的URL后面的参数,都是辅助后台数据查询的;

2. 如果不需要参数,那么后台就会直接给个URL给前端;

前端应该如何回拒一些本不属于自己做的一些功能需求或任务?

1. 在与后台打交道中,我们经常遇到这种情况,有时候明明后台来处理某个事件很简单,后台非要你来做,这时候我们应该懂得去回绝他。
2. 原则:前端就是负责把数据展示在页面上
3. 发挥:这就需要我们对一个需求,一个任务的要有清晰认识了,如果对任务含糊不清,自己都没搞明白,你只能受后台摆布了.最后也会因为任务没有完成而备受责难了。

当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办呢或者怎么跟后台讲呢?

1. 首先要把请求的URL和返回的数据以及在页面的展示的情况给跟后台看;

2. 这样有理有据,后台开发人员是不会说什么的,否则,后台会很不耐烦的,甚至骂你的可能都有,本身做后台比较难,尤其在查询数据,取数据,封装数据方面都比较难处理。

为什么需要在请求的时候传入参数?

1. 因为后台在查询数据库的时候需要条件查询;


 

 
 

 

 

  • 22
    点赞
  • 101
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Ajax前后交互中,可以使用Ajax来上传文件。一种常见的方法是使用FormData对象来传输文件数据。首先,你需要创建一个FormData对象,并将文件添加到该对象中。然后,你可以使用Ajax发送POST请求,将FormData对象作为请求的数据发送到服务器。在服务器,你可以使用相应的后语言来处理接收到的文件数据。通过这种方式,你可以实现文件的上传和后的处理。\[1\]另外,你也可以使用一些第三方库,如axios或jQuery,来简化文件上传的过程。这些库提供了更方便的方法来处理文件上传的细节,使得代码更加简洁和易于维护。\[2\]总之,通过Ajax前后交互,你可以实现文件的上传和后的处理,提供了更好的用户体验和数据交互的能力。 #### 引用[.reference_title] - *1* [AJAX前后交互](https://blog.csdn.net/m0_60280770/article/details/119517580)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [Ajax前后交互利器详解(一)](https://blog.csdn.net/Augenstern_QXL/article/details/120116296)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值