WEB的数据交互具体流程

时间:2021-12-05 07:39:23

前一段时间小小的总结了一下,web的前后交互的各种方式可能没写全,后期再写,话不多说

  1. 前端传递数据到servlet,servlet获取数据后操作DAO修改数据库,然后servlet将某些参数返回到前端,前端动态显示数据

    (例如:登录,前端获取登录名密码后通过表单传递给servlet,servlet通过调用DAO层根据用户名查询其密码是否与传递过来的密码是否相同,然后将结果返回到前端页面)
  2. 首先前端页面数据显示必定是动态的,具体的数据要看后端是通过什么传递数据的,然后在前端用相应的方法显示,具体的可以搜一下,前端页面动态显示后端传递的数据:(JS获取session中的信息https://blog.csdn.net/fly910905/article/details/79206530)(获取request中的数据https://blog.csdn.net/u014074697/article/details/74928159)

    (C标签的使用 <C:foreach>)

    (JSON)
  3. 前端向后端传递数据方式

    3.1 标签
<a href="position/add.jsp" style="text-decoration:none;"><span class="dl-button">添加</span></a>//页面间跳转
<a href="position?action=positionBaoMingList" style="text-decoration:none;"><span class="dl-button">已报名&nbsp;&nbsp;&nbsp;</span></a>//向后台跳转

2.2 ajax

$.ajax({
type : "post",//请求类型
ansyv : false,//是否异步
data : { //传递参数
"txtKeyWord" : txtKeyWord
},
datatype : "json", //参数类型
contentType : "application/x-www-form-urlencoded; charset=utf-8",
url : "position?action=positionList", //地址
success : function(data) { //判断是否成功
var result = eval('(' + data + ')') //转化获取的json对象
if (result.status) {
location.href = "position?action=positionFindList&txtKeyWord=" + txtKeyWord;
} else {
alert("查询失败");
}
},
})

2.3 from表单提交数据

<form
action="positionquestion?action=updateQuestion&qid=${questions.qid}&pid=${position.pid}"
method="post">
</form>
  1. 后端获取数据
String action=request.getParameter(“action”);

request.getParameter(“action”);//返回的是String类型的
  1. 根据servlet中的某个方法所调用的DAO层操作数据库,然后返回到前端页面
request.getRequestDispatcher("position/list.jsp").forward(request, response);//转发

 response.sendRedirect("position/list.jsp");//重定向
ResponseUtil.write(response, obj);// 发送请求内容到页面
  1. 后台向前端传递的数据放在哪里
  2. session
  3. request
  4. json

WEB的数据交互具体流程的更多相关文章

  1. web实现数据交互的几种常见方式

    前言 在当今社会,作为一名前端程序猿,并不是一昧的去制作静态页面就可以满足滴:你说你会制作网页,好吧,只能说你算是一个前端程序猿.但这是你作为一个程序猿最基本的能力,并不会为你进行加分: 我们都明白, ...

  2. web前后台数据交互的四种方式&lpar;转&rpar;

    1.利用cookie对象  Cookie是服务器保存在客户端中的一小段数据信息.使用Cookie有一个前提,就是客户端浏览器允许使用Cookie并对此做出相应的设置.一般不赞成使用Cookie. (1 ...

  3. web前后台数据交互的几种方式

    1.利用cookie对象 Cookie是服务器保存在客户端中的一小段数据信息.使用Cookie有一个前提,就是客户端浏览器允许使用Cookie并对此做出相应的设置.一般不赞成使用Cookie. (1) ...

  4. 《进击吧!Blazor!》第一章 4&period;数据交互

    <进击吧!Blazor!>是本人与张善友老师合作的Blazor零基础入门系列视频,此系列能让一个从未接触过Blazor的程序员掌握开发Blazor应用的能力. 视频地址:https://s ...

  5. web前后端数据交互

    前后端数据交互是每一名web程序员必须熟悉的过程,前后端的数据交互重点在于前端是如何获取后端返回的数据,毕竟后端一般情况下只需要将数据封装到一个jsonMap,然后return就完了.下面通过一个li ...

  6. 基于MVC4&plus;EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式

    在基于MVC4+EasyUI的Web开发框架里面,大量采用了Jquery的方法,对数据进行请求或者提交,方便页面和服务器后端进行数据的交互处理.本文主要介绍利用Jquery处理数据交互的几种方式,包括 ...

  7. &lbrack;Android&rsqb;使用Spring for Android改善数据交互流程

    如果开发一个和服务端有数据交互android应用,流程通常是这样的:界面收集用户数据之后,将它转换成JSON或者XML格式的字符串,以HTTP的方式提交给服务端,获得返回的文本数据,再将数据解析为ja ...

  8. (转)基于MVC4&plus;EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式

    http://www.cnblogs.com/wuhuacong/p/4085682.html 在基于MVC4+EasyUI的Web开发框架里面,大量采用了Jquery的方法,对数据进行请求或者提交, ...

  9. 在这个应用中,我使用了 MQ 来处理异步流程、Redis 缓存热点数据、MySQL 持久化数据,还有就是在系统中调用另外一个业务系统的接口,对我的应用来说这些都是属于 RPC 调用,而 MQ、MySQL 持久化的数据也会存在于一个分布式文件系统中,他们之间的调用也是需要用 RPC 来完成数据交互的。

    在这个应用中,我使用了 MQ 来处理异步流程.Redis 缓存热点数据.MySQL 持久化数据,还有就是在系统中调用另外一个业务系统的接口,对我的应用来说这些都是属于 RPC 调用,而 MQ.MySQ ...

随机推荐

  1. javascript数组查重方法总结

    文章参考地址:http://blog.csdn.net/chengxuyuan20100425/article/details/8497277 题目 对下列数组去重: var arr = ['aa', ...

  2. 3、Python字符串和循环

    1.while循环 #猜lucky_number = 6 #如果比6大,提示你猜的大了 #如果比6小,提示你猜的小了 #猜的等于6,提示Bingo #限制3次 lucky_num = 6 count ...

  3. 怎样用ZBrush快速雕刻皮肤纹理

    今天的ZBrush教程我们将对利用基础笔刷制作出的“亡灵僵尸”头部模型进行皮肤纹理的处理,主要用到了Layers 3D图层和Alpha笔触类型添加皮肤纹理. 详细的视频教程地址可前往:http://w ...

  4. 从JAVA多线程理解到集群分布式和网络设计的浅析

    对于JAVA多线程的应用非常广泛,现在的系统没有多线程几乎什么也做不了,很多时候我们在何种场合如何应用多线程成为一种首先需要选择的问题,另外关于java多线程的知识也是非常的多,本文中先介绍和说明一些 ...

  5. maven 创建web项目

    1,新建一个web项目 2,构建基础目录 web.xml <!DOCTYPE web-app PUBLIC  "-//Sun Microsystems, Inc.//DTD Web A ...

  6. linux内核函数库文件的寻找

    linux内核函数的so库文件怎么找呢? 首先还是要产生一个进程的coredump文件的 linux有一个lib-gdb.so库,这个进程的coredump文件中所有load段的最后一个load段中, ...

  7. Mysql获取去重后的总数

    如果一张表中某个字段存在重复的值,现在我想去重后获取这个字段值的总数 先看这张表 这张表中的openid有重复值 怎么通过sql语句获取openid的去重总数呢 select count(distin ...

  8. JVM内存分配与回收策略

    对象优先在Eden分配 大多数情况下,对象在新生代Eden区中分配. 当Eden区没有足够空间进行分配时,虚拟机将发起一次Minor GC. Minor GC:新生代GC,指发生在新生代的垃圾收集动作 ...

  9. vue——安装并新建项目

    一.对于vue的安装: 1.安装vue之前先安装node,https://nodejs.org/zh-cn/download/,我装的是windows64位的: 2.下载好了之后就可以按照正常顺序安装 ...

  10. linux源码安装服务器所需要的一些依赖库(待完善)

    apaeche :yum -y install gcc gcc-c++ zlib zlib-devel openssl openssl-devel cmake kernel-devel pcre-de ...