非ajax提交页面不跳转，java调用javascript demo

最新推荐文章于 2021-08-08 09:02:30 发布
最新推荐文章于 2021-08-08 09:02:30 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gm_163/article/details/18042697
版权

index.jsp代码:

<%@ 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.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.download.js"></script>
<script type="text/javascript">
   function request(){
       
        var params={
                
                fileName:'bb.txt'
        };
      
        var iframe = $('<iframe name="download" style="position:absolute;top:-9999px" />');
        iframe.appendTo('body');
        var form = $('<form name="form_download" method="post" style="display:none;" enctype="multipart/form-data"/>');
        form.attr("target", "download").attr('action',"/test/demo/downloadFile.action");
        var formHtml='';
        /** 向form中添加元素*/
        for (var key in params) {
            
            formHtml+='<input type="hidden" value="'+params[key]+'" name="'+key+'"/>';
        }
        console.log(formHtml);
        form.append(formHtml);
        form.appendTo('body');
        form.submit();
   }
   function test(){
    
      /*$.download({
           url: '/test/demo/downloadFile.action',
           dataType: 'json',
           params: {
               'fileName': 'bb.txt'
           },
           onSend: function () {
               return true;
           },
           onComplate: function (data) {
              alert(data.msg);
           }
       });*/
       alert('sdfdsfdsf');
   }
</script>

<title>ajax测试</title>
</head>
<body>
               <a href="#" οnclick="request();">linkBtn</a>
    
</body>
</html>

-------------------------------------------------------------------------------------------------------------------------------------------------

action代码:

package com.action;

import org.springframework.util.FileCopyUtils;
import org.springframework.util.StringUtils;

import com.opensymphony.xwork2.ActionSupport;

public class HelloAction extends ActionSupport{

    /**
     *
     */
    private static final long serialVersionUID = 1L;
    
    // 下载文件
    /**
     * @return
     * @throws Exception
     */
    public String downloadFile(){
        
        OutputStream out = null;
        HttpServletResponse response = null;
        String msg=null;
        try {
            HttpServletRequest request = ServletActionContext.getRequest();
            response = ServletActionContext.getResponse();
            out = response.getOutputStream();
           // Integer.parseInt("1222222222222");
            String fileName = request.getParameter("fileName");
            InputStream in = null;
            if (StringUtils.hasLength(fileName)) {
                
                in = HelloAction.class.getResourceAsStream("/"+fileName);
                if (null != in) {
                    
                    response.setContentType("application/octet-stream;charset=utf-8");
                    response.setHeader("Content-disposition","attachment;filename=\""+fileName+"\"");
                    FileCopyUtils.copy(in, out);
                    
                }
            }
            
        } catch (Exception e) {
            
            e.printStackTrace();
            try {
                //msg="{\"success\":\"false\",\"msg\":\"download failed!\"}";
                msg="<script>parent.window.test();</script>";
                out.write(msg.getBytes());
            } catch (Exception e1) {
                // TODO Auto-generated catch block
                e1.printStackTrace();
            }
        }
        return null;    
    }
}


参考js代码:

        var frameName = 'download_frame_' + (frameCount++);
        var iframe = $('<iframe style="position:absolute;top:-9999px" />').attr('name', frameName);

        //创建form
        var form = $('<form method="post" style="display:none;" enctype="multipart/form-data" />').attr('name', 'form_' + frameName);
        form.attr("target", frameName).attr('action', opts.url);
        //向form中放元素
        var formHtml = '';
        for (key in opts.params) {
            formHtml += '<input type="hidden" name="' + key + '" value="' + opts.params[key] + '">';
        }
        form.append(formHtml);

        iframe.appendTo("body");
        form.appendTo("body");

        form.submit();






  

一无所知163
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
php根据ajax传值跳转页面_php传参方式1--ajax
weixin_42126865的博客
01-28 445
1、ajax一般用于当前页面，不实现页面跳转2、ajax端：怎样异步得监听服务器端的状态呢？通过onreadystatechange监听readystate属性request.onreadystatechange = function() {if (request.readyState===4) {0：请求未初始化(还没有调用open())。1：请求已经建立，但是还没有发送(还没有调用send...
页面跳转小demotry05.rar
05-21
5. **JavaScript基础**：页面跳转通常涉及JavaScript代码，包括DOM操作、条件判断和函数调用等。熟悉JavaScript语法和DOM API，能够编写处理用户交互和逻辑控制的代码，是实现页面跳转的关键。 6. **异步操作**：...
非ajax提交页面不跳转，java调用javascript详解
web开发自学
10-31 99
java 调用javascript的函数， 想必很多人都知道，java调用c++,c++调用java,同样也有java调用javascript，或者是javascript调用java(dwr) 其实java调用javascript很简单，最重要的是你要懂得其中的原理才好，浏览器和服务端的交互无非就是，response和request之间的这两个各对象传值操作， browse --(reque...
java拦截器跳转页面跳转页面跳转_解决ajax 不处理 SpringMVC 拦截器 页面跳转问题...
weixin_33250594的博客
02-16 678
问题分析：一开始，用拦截器做登录拦截，需求是博客系统，没有登录则没办法评论，但是可以进去观看博客。测试：发现调试有响应，但是不跳转，查询发现是拦截器没有权限处理ajaximage.png解决方案：手动指定判断是否为ajax，再做处理后端拦截器核心代码：image.pngpublic class LoginInterceptor implements HandlerInterceptor {/***...
一个Ajax的小demo
小白在线学前端的博客
08-08 248
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言实现一、页面布局二、原生JS实现Ajax使用Jquery实现总结 前言 所谓的Ajax其实就是动态的去请求另一个资源站点，然后将资源加载到我们的当前页面中，例如当你点击网页下一页时页面会发生改变，但是却没有发生跳转。这就是Ajax将请求到的资源通过修改当前页面的HTML代码添加进来。 实现 这个实现其实很简单。但是分两种，一种是通过原生的JS来实现，这里我都将举例子，尽管使用jQuery是个不错的选择。 一、页面布局 先来看看
Java-Script-Demo:这是演示项目
05-18
本项目"Java-Script-Demo"是一个专注于JavaScript技术的实战演练项目，旨在帮助开发者更好地理解和应用JavaScript语言的核心特性、DOM操作、事件处理以及一些现代JavaScript的高级特性。通过这个项目，我们可以深入...
struts2+ajax demo
05-25
在实践中，这样的demo可能包括一个简单的表单，用户输入数据后，通过Ajax提交数据到服务器，Struts2 Action处理数据并返回响应，最后前端根据响应更新页面显示。这个过程展示了Struts2和Ajax结合如何提升用户体验，...
Ajax_Jquery_Demo
02-25
Ajax允许在不刷新整个页面的情况下与服务器进行数据交互，而jQuery则是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。"Ajax_Jquery_Demo"这个压缩包文件提供了学习和实践这两个技术的...
ajax 70demo
11-18
- **应用场景**：在不跳转页面的情况下展开链接下方的内容。 - **实现方式**：通过AJAX获取链接指向的内容，并将其插入到当前页面的指定位置。 - **优势**：减少页面跳转，提升用户浏览体验。 ##### 3. Ajax BBC ...
java拦截器跳转页面跳转页面跳转_vue中页面跳转拦截器的实现方法
weixin_42175971的博客
02-16 1209
本文主要给大家介绍的是关于vue页面跳转拦截器的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。在路由管理页面添加meta字段import Vue from 'vue'import Rou...
不用AJAX实现前台JS调用后台C#方法
老农写代码
02-23 3244
步骤如下：1 前台放一个按钮。设置为隐藏。注意：不能直接设置Visible=false的方式，这样的话在ASP.Net 2.0编译后的代码里是找不到这个按钮的。需要设置风格：style="display:none;"2 双击按钮，写入C#方法，或者写一个调用后台其他方法的代码段3 前台JS调用的时候，照如下写，这样可以模拟按钮的点击事件，触发后台方法：document.getElementById
.net下不用AJAX实现前台JS调用后台C#方法
seeransky的专栏
08-23 1277
纯属小技巧，高手见笑了。 一提到如何在前台JS调用后台C#方法，AJAX成为了必然的想法。 只是实现的细节采用AJAX 1.0或者AjaxPro的区别。 其实如果不用AJAX，我们也能够很方便地利用JS调用后台方法。 步骤如下： 1 前台放一个按钮。设置为隐藏。注意：不能直接设置Visible=false的方式，这样的话在ASP.Net 2.0编译后的代码里是找不到这个按钮的。需要设置风
仿羊了个羊/王了个王带后台三消游戏源码
最新发布
08-10
仿羊了个羊、王了个王带后台三消游戏源码，游戏玩儿法类似于养了个羊，有两种模式，一个是普通版，一个是王者荣耀版。
ajax 提交数据到后台jsp页面及页面跳转问题
06-08
可以使用以下步骤来实现ajax提交数据到后台jsp页面及页面跳转： 1. 在前端页面中使用ajax提交数据到后台jsp页面，例如： ``` $.ajax({ type: "POST", url: "backend.jsp", data: { name: "John", age: 30 },...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值