小编Cha*_*rma的帖子

如何在Liferay serveResource( - , - )方法中从AJAX请求下载文件

我有一个要求:我正在制作一个AJAX请求将一些数据传递给服务器.在我的服务器中,我正在使用该数据创建一个文件.

"现在问题是文件没有下载到客户端".

(我使用Apache POI API从给定数据创建excel文件).任何人都可以帮我这么做吗?

这是我的代码:

(制作AJAX请求的代码)

<script>
    function downloadUploadedBacklogs () {

        try {
            var table_data = [];

            var count = jQuery("#backlogTable tr:first td" ).length;
            jQuery("#<portlet:namespace/>noOfColumns").val(count);
            var index = 0;
            jQuery('tr').each(function(){

                var row_data = '';
                jQuery('td', this).each(function(){
                    row_data += jQuery(this).text() + '=';   
                });   
                table_data.push(row_data+";");

            });
            jQuery("#<portlet:namespace/>backlogDataForDownload").val(table_data);
            jQuery("#<portlet:namespace/>cmd").val("downloadUploadedBacklogs");
            alert('cmd: ' + jQuery("#<portlet:namespace/>cmd").val());  
            var formData = jQuery('#<portlet:namespace/>backlogImportForm').serialize();

            jQuery.ajax({
                url:'<%=resourceURL%>',
                data:formData,
                type: "post",
                success: function(data) {

                }
            });
            alert('form submitted');

        } catch(e) {
            alert('eroor: ' + e);
        }
    };
</script>
Run Code Online (Sandbox Code Playgroud)

Java代码serveResource( - , …

javascript java ajax jquery liferay

22
推荐指数
2
解决办法
4341
查看次数

自定义工具提示的css后,它会显示两次

在为工具提示msg自定义CSS后,它在屏幕上显示两次.以下是提供的实现方式.

<a href="#" title="This is some information for our tooltip." class="tooltip">
    <span title="More">CSS3 Tooltip</span>
</a>
Run Code Online (Sandbox Code Playgroud)
.tooltip {
    display: inline;
    position: relative;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    top: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 0 6px 6px 6px;
    top: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
Run Code Online (Sandbox Code Playgroud)

样本输出:

在此输入图像描述

帮助我找到原因,以及如何抑制第二个工具提示信息

jsfiddle(示例视图)

html javascript css jquery

5
推荐指数
1
解决办法
1114
查看次数

标签 统计

javascript ×2

jquery ×2

ajax ×1

css ×1

html ×1

java ×1

liferay ×1