页面之间参数传递3.1--Struts标签,Ajax
来源:互联网 发布:知乎 最尴尬的吹牛 编辑:程序博客网 时间:2024/05/17 19:58
接着页面之间参数传递--Struts标签,继续。这次再与Ajax进行结合
参数获取流程:
1.点击a.jsp中的超链接
(1)a标签提交一个参数(id)
(2)第一个form表单提交3个参数(id,name,age)
(3)第一个form表单提交3个参数(id,name,age)
均通过ajax提交到studentInfo.action
2.服务器生成数据:studentInfo.action获取参数并转发至b.jsp(会产生3次响应的jsp)
3.a.jsp获取ajax从服务器取回数据(3次响应的jsp),并显示在本页的div(专门用来存放ajax的返回数据的)中
实现流程:
1.首先在项目中添加jquery,
2.在前一个实例(页面之间参数传递--Struts标签)的基础上,只需要改动a.jsp代码即可
改动一:添加jquery支持
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
改动二:在body部分给a标签和两个form表单添加id,添加一个存放ajax响应数据的div
<body><a id="a1" href="#">点击我提交参数id</a><form id="form1" action="student/studentInfo.action" method="get">编号:<input type="text" name="id" value="1"/><br/>姓名<input type="text" name="name" value="张三"/><br/>年龄:<input type="text" name="age" value="100"/><br/><input type="submit" value="get方式提交参数"/></form><br/><form id="form2" action="student/studentInfo.action" method="post">编号:<input type="text" name="id" value="2"/><br/>姓名<input type="text" name="name" value="李四"/><br/>年龄:<input type="text" name="age" value="200"/><br/><input type="submit" value="post方式提交参数"/></form><div id="databody"></div></body>
改动三:添加ajax提交参数,获取响应的代码
<script type="text/javascript">$(function(){$("#a1").click(function(){$("#databody").empty();$("#databody").load("student/studentInfo.action?id=100",function(){alert("超链接获取的数据加载完毕!");});var id1 = $("#form1 input[name='id']").val();var name1 = $("#form1 input[name='name']").val();var age1 = $("#form1 input[name='age']").val();$.get("student/studentInfo.action",{id : id1,name : name1,age : age1},function(responseText){alert("即将加载get请求到的jsp...");$("#databody").append(responseText);});var id2 = $("#form2 input[name='id']").val();var name2 = $("#form2 input[name='name']").val();var age2 = $("#form2 input[name='age']").val();$.get("student/studentInfo.action",{id : id2,name : name2,age : age2},function(responseText){alert("即将加载post请求到的jsp...");$("#databody").append(responseText);});});})</script>
3.测试
在tomcat(端口号:8080)上部署该项目(项目名为:Struts04)
浏览器输入http://localhost:8080/Struts04/a.jsp
阅读全文
2 0
- 页面之间参数传递3.1--Struts标签,Ajax
- 页面之间参数传递2--Struts标签
- struts和jsp页面之间传递参数
- 页面之间传递参数.
- 页面之间传递参数
- 页面之间传递参数
- 页面之间简单参数传递
- jsp页面之间传递参数
- 静态页面之间传递参数
- 两个页面之间传递参数
- PHP ajax页面参数传递
- struts,ajax之间的json传递
- struts,ajax之间的json传递
- struts标签-参数传递测试(二)
- struts中submit标签传递参数问题
- 【传递参数】html页面之间也可以传递参数
- 页面之间实现参数的传递
- JSP页面之间参数传递显示
- blockcanary原理理解
- Webshell实现与隐藏探究
- Protobuf3语言指南
- 用C语言输出乘法口诀表
- javascript数据类型
- 页面之间参数传递3.1--Struts标签,Ajax
- (十二)Window和WindowManager的使用解析
- 网页内容搜索快捷键
- WebStorm, PHPStorm 使用cmder
- 【Coursera公开课笔记】 斯坦福大学机器学习第六课“逻辑回归(Logistic Regression)”
- poj 2481 Cows 线段树
- 《深入理解mybatis原理》 MyBatis的架构设计以及实例分析
- ptmalloc
- 费马小定理