1.前端请求数据URL由谁来写?
在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。

2.接口文档主要由谁来写?
接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被动接受者.所以接口文档也主要是由后台来完成的,前端只是接口文档的使用者,使用过程中,发现返回的数据不对,则需要跟后台进行商量,由后台来修改.切记 前端不要随意更改接口文档,除非在取得后台开发人员的同意的情况下.总的来讲,接口文档主要由后台来设计,修改,前端开发者起到了辅助的作用。

3.前端开发与后台交互的数据格式主要是什么?
主要是JSON
XML现在用的不多

4.前端开发的后台交互原理?
在项目的时候,我们前后端会大概说一下接口地址,前端请求的参数,后端返回的参数,然后大家就开始写,写的差不多的时候,大家调一下接口看一下返回的数据,没问题就可以了。

5.前端请求参数的形式
GET和POST两种方式
对安全性不高 采用get方便
post要比get安全
GET - 从指定的服务器中获取数据
POST - 提交数据给指定的服务器处理

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

7.我们应该怎么把页面这些信息有效传达给后台,以及后台是如何获取到这些数据?
总的来讲:所有前端请求的URL后面的参数,都是辅助后台数据查询的.如果不需要参数,那么后台就会直接给个URL给前端。

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

9.当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办呢或者怎么跟后台讲呢?
首先要把请求的URL和返回的数据以及在页面的展示的情况给跟后台看,这样有理有据,后台开发人员是不会说什么的,否则,后台会很不耐烦的,甚至骂你的可能都有,本身做后台比较难,尤其在查询数据,取数据,封装数据方面都比较难处理。

10.为什么需要在请求的时候传入参数?
因为后台在查询数据库的时候需要条件查询。

DEMO:

var data=JSON.stringify({"page": {"pagenow": 1,"pagesize": 20},"file":{"name":"jpg"},"catalogs":[{"id":1},{"id":2}]});$.ajax({type:"POST",url:"//访问的url",data:data,contentType:"application/json", success:function(data){//显示数据}});

注意:

一、contentType

contentType,可以是application/x-www-form-urlencoded这种默认类型的,不过当后台有struts等框架的话,会在action之前拦截请求,并把request body 里面的值都读出来,导致我们不能再request里面读取到值,只能依赖struts的domain model 
所有如果有后台用这种机制的话,那就需要更改contentType:application/json,这样子strust就不会拦截请求了。

二、stringify和parseJSON

这两种方法不能乱用,一不小心的话就会导致后台解析不了数据,正确的用法在上面。 
stringify是将Json转义,parseJSON是将json去除转义并解析成对象 
总结

前端传后台json,应该传字符串过去,不能传Object对象,而且要适当指定contentType。

web前端与后台数据交互相关推荐

  1. java mysql物联网土壤智能监控web前端+java后台+数据接程序

    博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 java mysql物联网土壤智能监控web前端+java后台+数据接程序 视频效 ...

  2. 前端和后台数据交互总结

    web服务器应用程序:apache,tomcat,nodeJs.Nginx.IIS. 后台语言:php,java,.net,nodeJS 数据库:Mysql,SqlServer,Oracle 后台mv ...

  3. 关于Web前端做前后台数据交互的那些事儿

    这里以用户登录为例,用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度.本文将使用PHP和jQuery来实现登录和退出功 ...

  4. js前端和后台数据交互-----前端传字符串,后台控制器将其转化为集合

    jquery代码:function test(){var selectOption=$('#下拉框的id').val(); if(selectOption){selectOption=selectOp ...

  5. sj 网页前端与后台数据交互的3种方式

    1.ajax  网页访问 2.form 表单 用户名<input class="yonghu" type="text" id="user&quo ...

  6. 【学习笔记】Web前端到后端数据的交互

    [学习笔记]Web前端到后端数据的交互

  7. ajax与后台php,怎么在thinkPHP5中使用ajax实现与后台数据交互

    怎么在thinkPHP5中使用ajax实现与后台数据交互 发布时间:2021-03-20 17:20:01 来源:亿速云 阅读:87 作者:Leah 这篇文章给大家介绍怎么在thinkPHP5中使用a ...

  8. servlet向ajax传递数据库,一、JSP、servlet、SQL三者之间的数据传递(前台与后台数据交互)...

    背景: 目前业界很流行的MVC(model-view-control)开发模式,理解为 模型是Bean, 视图是 Html/Jsp, 控制是Servlet, 关联数据库的Dao web的运行机制: 数 ...

  9. python的前端和后端_python前端和后端数据交互,tornado框架入门,初学小试牛刀!...

    Python前端和后端是如何交互的,怎么用tornado框架快速搭建前端和后端数据交互? 前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前 ...

最新文章

  1. javascript_治愈JavaScript疲劳的研究计划
  2. C语言函数指针的使用
  3. 服务端升级为select模型处理多客户端
  4. sql判断邮箱是否合法_分享一个oracle身份证校验函数,判断你的身份证是否合法...
  5. lnmp基于fastcgi实现nginx_php_mysql的分离_LNMP基于FastCGI实现Nginx,PHP,MySQL的分离
  6. dubbo启动服务启动报错.UnsatisfiedDependencyException: Error creating bean with name '***': Un
  7. 用python读取txt文件、并计算数据的总合和平均值_Python,读取许多文件并合并结果...
  8. 在ASP.NET Web API中返回错误的最佳实践
  9. jsp购物车(session版)
  10. 多张pdf怎么合成一张?pdf快速合并法
  11. FPGA语法篇——Verilog 语法知识
  12. 在iOS中高效的加载图片
  13. centOS7搭建DNS服务器配置详解
  14. 威廉玛丽学院计算机专业,威廉玛丽学院专业设置有哪些?
  15. ProcessOn画斜箭头、写公式方法记录
  16. 翰麟教育|教育学人物考点梳理
  17. EasyAR涂涂乐代码分析
  18. 网易邮箱添加html,在网易邮箱中实行添加标签窗口的详细步骤
  19. net::ERR_ABORTED 404 (Not Found)错误
  20. hu沪江计算机词汇,英文字母_计算机词汇(R-Z)_沪江英语

热门文章

  1. Java实验报告(6)
  2. 三维扫描体数据的VTK体绘制程序设计
  3. java中pdf写成base64文件流,Java操作pdf文件与Base64编码相互转换与文件流操作
  4. CSS / 精灵图+字体图标
  5. 『杨百万』投资理财报告会场面火爆
  6. 扬州大学计算机毕业生,扬州大学2020届毕业生就业质量报告
  7. Springboot 设置上传文件大小
  8. 数组No1团队成立了!
  9. 小i机器人与科天达成战略合作 携手打造智能化未来工厂
  10. 在故事板中加载 nib 时 IBOutlet 为 nil