JSP中回调处理的实现

最新推荐文章于 2022-03-24 16:38:03 发布
最新推荐文章于 2022-03-24 16:38:03 发布
阅读量1.7k 收藏
点赞数
分类专栏： 实践探索 文章标签： jsp html function button input iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heroking2000/article/details/560056
版权
order.jsp界面代码：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<html>

  <head>
      <title>Simple jsp page</title>
      <script type="text/javascript">
          function callBackOrderName(a) {
              document.getElementById("order.orderName").options.length = 0;
              for (i=0; i<a.length;i++) {
                 document.getElementById("order.orderName").add(a[i]);
              }

          }
          function listOrderName(){
             listName.location = "listOrderName.do";
          }
          function  openWindow() {
              window.open("listOrderItem.do", null,null);
          }
            function callBackOrderItem(item){
                alert(item);
                document.getElementById("orderItem").value = item;
        }
          function InputEtc(){
              var a = prompt("请输入中文");
              alert(a);
              document.getElementById("orderEtc").value=a;
          }
      </script>

  </head>
  <body>Place your content here
  <iframe id="listName" name="listName" width="0" height="0"></iframe>
  <html:form action="/submitOrder" >
      <table>
          <tr>
              <td>order code</td>
              <td>
                  <html:select property="order.orderCode" οnchange="listOrderName();">
                      <html:option value="Y">Male</html:option>
                      <html:option value="N">Female</html:option>
                  </html:select>

              </td>
          </tr>
          <tr>
              <td>order name</td>
              <td>
                <html:select property="order.orderName">
                      <html:option value="select">select</html:option>
                </html:select>
              </td>
          </tr>
          <tr>
          <td>order date</td>
              <td><html:text property="order.orderDate"></html:text></td>
          </tr>
          <tr>
          <td>order code</td>
              <td>
                  <html:hidden property="orderItem"></html:hidden>
                  <input type="button" id="btn" name="btn" οnclick="openWindow();" width="40" value="选择项目">
              </td>
          </tr>
          <tr>
          <td>order code</td>
              <td>
                  <html:hidden property="orderEtc"></html:hidden>
                  <input type="button" id="btne" name="btne" οnclick="InputEtc();" width="40" value="选择项目">
              </td>
          </tr>
      </table>
<html:submit>ok</html:submit>
  </html:form>
  </body>
</html>
listOrderName.jsp代码：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head><title>Simple jsp page</title>
      <script type="text/javascript">
          var a = new Array();
                  a[0] =new Option("ok", "ok");
                  a[1] =new Option("cancel", "cancel");
          window.parent.callBackOrderName(a);
      </script>
  </head>
  <body>Place your content here</body>
</html>
heroking2000
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP中调用存储过程
sz_bdqn的专栏
09-27 1534
package db;import java.sql.CallableStatement;import java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;public cl
JSP表单处理
张子又
02-13 4047
JSP表单处理(超级重点) 表单处理，即在服务器端通过java代码获取表单发送过来的请求参数的值 GET方法提交表单：请求参数会追加到url的后面,格式 Url?请求参数1=值&amp;参数2=值2 POST方法提交表单：请求参数在Form Data中 注意：如果在写表单了，省略了method属性，那么默认使用GET方法提交 获取表单数据的常用方法 1)getParameter(String ...
利用AjaxSubmit()方法实现Form提交表单后回调功能
10-18
ajaxSubmit()方法是JQuery Form表单插件中的方法，使用时，需要在jsp或者html页面上，引入JQuery库和Form插件。接下来通过本文给大家分享通过AjaxSubmit()方法实现Form提交表单后回调功能，感兴趣的朋友跟随脚本之家小编一起看看吧
js接收php 回调,js 中的submit 回调函数
weixin_34365489的博客
03-10 331
1.submit.php$arr = $_POST;$arr['msg']=1;//echo $_POST['uname'];echo json_encode($arr);?>2.index.htmlAjax表单提交插件jquery form$(function(){var options = {// target: '#output', // target element...
jsp中的回调写法
ymlvtimi的博客
04-04 1612
var vm=new Vue({ el:"#div_id", data:{}, created():{}, methods:{ show:function(msg,callback){ //处理msg数据 //处理完后操作回调 //判断callback不为空，类型是function，并且执行 (callback && typeof(callbac...
jsp中使用callback回调函数场景之一
weixin_45733693的博客
07-08 991
JSP中使用callback()回调函数的场景之一 首先：当你前段页面展示数据，并最后进行操作的时候，例如：查看,删除,修改,图片,导出 等一系列点击操作时。 如图： 红色框内的操作导出,查找,修改等… 其次，当你判断当某个字段为某个值得时候，如：当名字为王丹丹的时候只能进行查看操作将操作改为只能查看。 <b:Template template="pageObject" key="url" value="/teachingassistant/teachassistant/findByP
form表单提交 java后台回调 js
ai_0922的博客
12-22 3966
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" style="display: none"></iframe> <form name="form" method="post" id="submitForm" enctype="multipart/form-data" ta...
jsp实现局部刷新页面、异步加载页面的方法
01-20
在例子中，使用了jQuery的`$.ajax`函数发起异步请求，向服务器发送数据`{courseBox : types}`，并在`success`回调中处理返回的响应数据`msg`，将`msg`内容填充到`#courseList`元素中。 3. **jQuery的$.ajax方法**：...
jsp上传实现进度条
12-27
客户端通过AJAX回调接收这个进度信息，更新进度条的样式或值。 5. **安全性与优化**：确保文件大小限制，防止大文件导致服务器过载。另外，考虑使用断点续传技术，如果上传中断，用户可以从上次的位置继续上传，...
jsp利用echarts实现报表统计的实例
01-20
通过设置`dataType: 'json'`指定返回数据类型为JSON，然后在`success`回调函数中处理数据，将数据动态赋值给ECharts的配置对象。 5. **ECharts配置对象**： `option`是ECharts图表的配置对象，包含图表的各个组件...
理解javascript中的回调函数(callback)
11-30
最近在看 express,满眼看去，到处是以函数作为参数的回调函数的使用。如果这个概念理解不了，nodejs、express 的代码就会看得一塌糊涂。比如： 代码如下: app.use(function(req, res, next) {     var err = new Error(‘Not Found’);     err.status = 404;     next(err); }); app是对象，use是方法，方法的参数是一个带参的匿名函数，函数体直接在后面给出了。这段代码怎么理解呢？我们先来了解回调函数这个概念。 首先要了解，在 js 中，函数也是对象，可以赋值给变量，可以作为
jquery实现表单文件上传，并获取回调信息
02-25
本文将详细讲解如何使用jQuery实现表单文件上传并获取回调信息。 首先，我们需要理解jQuery中的`ajaxForm`或`ajaxSubmit`方法，这两个方法是jQuery Form Plugin的一部分，可以在异步方式下提交表单，包括文件上传。...
利用ajaxSubmit()方法实现Form提交表单后回调
热门推荐
Kevin_zhai的博客
01-12 4万+
1.      背景 最近在工作中，需要实现网页端图片上传到FTP服务器的功能。上传文件是用Form表单提交数据的方法向后台传输文件流，在此遇到了一个问题：后台在处理完图片上传功能后，需要向前台回传是否上传成功的状态码、上传失败的错误信息和上传成功后的图片URL。但是，用普通Form表单提交的话，没有办法实现回调函数。后来在小伙伴的介绍下，发现可以用ajaxSubmit()方法来实现此功能。
Jquery插件之ajaxForm
weixin_30484739的博客
12-12 577
如今ajax满天飞，作为重点的form自然也受到照顾。 其实，我们在平常使用Jquery异步提交表单，一般是在submit()中，使用$.ajax进行。比如： $(function(){ $('#myForm').submit(function(){ $.ajax({ url:"/WebTest/test...
JSP中回调函数处理
qq_27339691的博客
09-22 1060
order.jsp界面代码：<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib uri="/tags/struts-bean" prefix="bean" %><%@ taglib uri="/tags/struts-html" prefix="html" %>...
submit异步提交 回调的方法
weixin_34247155的博客
03-04 614
submit异步提交 回调的方法 背景： mvc模式下，当submit表单的时候，后台Control自动绑定Model类，但是如果不用submit来提交，改用ajax提交的时候，后台Control无法获取前台form表单内相应Name值，来绑定Model对象。 解决方案：利用jQuery来进行异步提交，获取后台处理结果，前台进行显示...
jsp在url上传递回调函数
cjy1575944940的博客
03-24 321
在jsp场景里，一个父页面里打开子页面，子页面里操作完毕后需要使用父页面的函数A，此时需要在打开子页面的url参数中传递函数A
form.submit(回调函数)——引用jq-form.js
weixin_30344131的博客
06-02 5309
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dt...
JSP+jquery使用ajax方式调用json的实现方法.docx
01-20
当服务器返回数据后，回调函数会被执行，这里的`data`参数包含了服务器的响应。 后端部分： 后端使用JSP来处理请求，获取`uid`参数，并返回一个JSON字符串。 ```jsp *" pageEncoding="UTF-8" %> response....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值