Javascript 如何避免因观看结果而在中打开新窗口?
请查看我的代码。我希望避免因观看结果而在中打开新窗口。我希望避免在同一窗口中显示结果而不是当前内容 我考虑过使用AJAX在对话框窗口(JQueryUI)中显示结果 但我不知道怎么做?提前感谢:) HTML:result\u browser.HTMLJavascript 如何避免因观看结果而在中打开新窗口?,javascript,jquery,ajax,jquery-ui,Javascript,Jquery,Ajax,Jquery Ui,请查看我的代码。我希望避免因观看结果而在中打开新窗口。我希望避免在同一窗口中显示结果而不是当前内容 我考虑过使用AJAX在对话框窗口(JQueryUI)中显示结果 但我不知道怎么做?提前感谢:) HTML:result\u browser.HTML <form class="form" method="post" id="resultbrowserform"> <!--Something-->
<form class="form" method="post" id="resultbrowserform">
<!--Something-->
<button type="submit" class="btn btn-default"> Apply </button>
</form>
<div id="dialog" title="Details">
<p></p>
</div>
申请
JS:
$(function () { function serializeForm(form){...}
...
$('#resultbrowserform').submit(function () {
$.ajax({
type: 'POST',
url: '/result_browser/data/',
data: serializeForm($('#resultbrowserform')),
success: function (data, status, jqXHR) {
$('#resultbrowsertablecontainer').remove();
data = data.data;
if (!data.length) {
window.alert('No data for selected time period');
return;
}
div = $('<div id="resultbrowsertablecontainer">');
table = $('<table class="table table-striped">');
header = $('<thead>');
header.append($('<tr>')
.append( $('<th>').html('Die Id'))
.append( $('<th>').html('Application'))
.append( $('<th>').html('Result'))
table.append(header);
body = $('<tbody>');
for (i = 0; i < data.length; i++) {
row = $('<tr>');
row.append( $('<td>').html(data[i].die_id));
row.append( $('<td>').html(data[i].application));
row.append( $('<td>').html(data[i].result));
<!--I would like to avoid opening a new window-->
link = $('<a>').attr('target', '_blank').attr('href', '/result_details/' + data[i].result_id + '/').html('Details');
row.append($('<td>').append(link));
body.append(row);
}
table.append(body);
div.append(table);
$('#resultbrowsercontainer').append(div);
}
});
return false;
});
});
$(函数(){函数序列化形式(形式){…}
...
$('#resultbrowserform')。提交(函数(){
$.ajax({
键入:“POST”,
url:“/result\u browser/data/”,
数据:serializeForm($('#resultbrowserform')),
成功:功能(数据、状态、jqXHR){
$('#resultbrowsertablecontainer')。删除();
data=data.data;
如果(!data.length){
window.alert(“所选时间段无数据”);
返回;
}
div=$('');
表=$('');
标题=$('');
header.append($('')
.append($('').html('Die Id'))
.append($('').html('Application'))
.append($('').html('Result'))
表.追加(标题);
正文=$('');
对于(i=0;i
只需删除目标属性,它就会在自身内部打开:
<!--I would like to avoid opening a new window-->
link = $('<a>').attr('href', '/result_details/' + data[i].result_id + '/').html('Details');
link=$('').attr('href','/result\u details/'+data[i].result\u id+'/').html('details');
只需删除目标属性,它就会在自身内部打开:
<!--I would like to avoid opening a new window-->
link = $('<a>').attr('href', '/result_details/' + data[i].result_id + '/').html('Details');
link=$('').attr('href','/result\u details/'+data[i].result\u id+'/').html('details');
只需删除此项即可:.attr('target','u blank')
只需删除此项即可:.attr('target','u blank')
我希望避免在同一窗口中显示结果而不是当前内容:)好的,那么您到底希望发生什么?不太清楚我建议您编辑问题并选择要在对话框窗口中显示结果的选项:jqueryui.com/dialogI我希望避免在同一窗口中显示结果而不是当前内容:)好的,那么您到底希望发生什么?不太清楚,我建议您编辑问题并选择要在对话框窗口中显示结果的选项:jqueryui.com/dialog