我有一个要求:我正在制作一个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( - , …
在为工具提示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(示例视图)