您现在的位置:首页 » 知识库 » 软件开发 软件开发
web前端与后台数据交互的三种方式小结
发布日期:2017-09-05

       去年开始接触java web项目开发,在项目开发过程中难免会遇到前台jsp页面获得的数据传到后台controller层去处理,对于常用的三种方式进行了以下总结:

1.Form表单提交

       jsp页面中可以嵌入form表单,主要有两个属性,action和method。action的内容是表单要提交到后台controller的某个请求。method是表单提交方式:主要有get和post两种提交方式,一般的表单提交数据会用到post方式,考虑到数据安全性问题。下面是我做的一个小例子,有用户名和密码两个字段

jsp页面form表单

后台处理请求代码:

后台请求方法

2.Ajax = Asynchronous JavaScript and XML

       通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行刷新。很常见的例子在某些网站注册过程中要求用户名不能重复,所以在避免数据已经提交到后台去数据库校验该用户是否存的的情况下,ajax可以实现异步刷新,在文本框失去焦点后就去访问后台数据库判断该用户是否已经存在。

jquery中的ajax

下面简单介绍下ajax请求里面的主要几个参数:

  • url:一般为String类型的参数,发送请求的地址。

  • type:一般String类型的参数,请求方式主要用(post或get)默认为get。

  • data:一般为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式

  • dataType:预期服务器返回的数据类型

  • success:要求为Function类型的参数,请求成功后调用的回调函数,一般有两个参数。

(1)由服务器返回,并根据dataType参数进行处理后的数据。

(2)描述状态的字符串。

function(data, textStatus){

//data可能是xmlDoc、jsonObj、html、text等等

}

  • error:请求失败时被调用的函数

3. a标签中href 属性

常用的a便签中的href属性也可以发送请求到后台,后台有相应的处理方法即可。

a便签

后台处理方法

以上三种方式是我总结的工作中比较常用的几种方法,尤其是form表单提交数据。

  • 1.公司登记注册于2003年1月27日,清远市桑达电子网络媒体有限公司
    2.公司2006年起成为清远市政府定点协议供货商,电子采购供货商
    3.公司2007年被清远市相关政府部门评为安防行业状元
    4.公司2007年起成为长城电脑清远如意服务站(SP368)
    5.公司2007年承建清远市横河路口电子警察工程,开创清远电子警察先河。
  • 6.公司2007年起成为IBM合作伙伴、公司2010年底成为金蝶软件清远金牌代理(伙伴编号:30030013)
    7.公司组团队参加南方都市报组织的创富评选,获广东80强。公司申请多项软件著作权、专利权
    8.2016年起公司成为粤东西北地区为数不多的双软企业,确立“让软件驱动世界,让智能改变生活!"企业理想
    9.2016-01-29更名为广东互动电子网络媒体有限公司
    10.2021-01-13更名为广东互动电子有限公司
  • 投资合作咨询热线电话:0763-3391888 3323588
  • 做一个负责任的百年企业! 天行健,君子以自强不息;地势坤,君子以厚德载物;
    为用户创造价值! 让软件驱动世界; 让智能改变生活; 超越顾客期望,帮助顾客成功;
    对客户负责,对员工负责,对企业命运负责!帮助支持公司的客户成功;帮助忠诚于公司的员工成功!
  • 联系电话:0763-3391888 3323588 3318977
    服务热线:18023314222 QQ:529623964
  • 工作QQ:2501204690 商务QQ: 602045550
    投资及业务投诉QQ: 529623964
    微信:小米哥 微信号:qysed3391888
    腾讯微博:桑达网络-基石与起点
  • E-MAIL:222#QYSED.CN ok3391888#163.com (请用@替换#)
在线客服
  • 系统集成咨询
    点击这里给我发消息
  • 网站\微信\软件咨询
    点击这里给我发消息
  • 售后服务
    点击这里给我发消息
  • 投资合作
    点击这里给我发消息