Javascript window.openusingjQuery不会在弹出窗口中打开JSP
朋友 我甚至在一个按钮上使用window.open,并试图加载一个显示结果的jsp页面,但是当我传递其名称时,我无法打开所需的jsp 使用Javascript window.openusingjQuery不会在弹出窗口中打开JSP,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,朋友 我甚至在一个按钮上使用window.open,并试图加载一个显示结果的jsp页面,但是当我传递其名称时,我无法打开所需的jsp 使用 var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]); 代码如我的pageOne.jsp中所示 <input type="button" value="OPEN" onclick="window.open('http://localhos
var windowObjectReference = window.open(strUrl, strWindowName[, strWindowFeatures]);
代码如我的pageOne.jsp中所示
<input type="button" value="OPEN" onclick="window.open('http://localhost:8085/reports/popupData.jsp','Select Language','modal=yes,dialog=yes,width=200,height=360,resizable=no');" />
<p id="text">Selected Languages are:</p>
所选语言包括:
现在,我尝试了以下选项,将strUrl作为参数传递
- /reports/popdata.jsp
- mylocation:8085/reports/popUpdatea.jsp
http://localhost:8085/reports/popupData.jsp
在地址栏中单击回车键。如果可以手动导航到该页面,则strUrl
是正确的
在处理弹出窗口时,您可能会遇到浏览器安全问题或弹出窗口阻止程序。一个更大的问题是,在现代浏览器中,您无法通过编程控制弹出窗口是在新窗口中打开还是在新选项卡中打开。这完全由用户控制
好消息是您已经将这个问题标记为jQueryUI,因此您可以访问jQueryUI对话框小部件。对现有标记的简单更改:
<input type="button" id="showLanguage" value="OPEN" />
<div id="dlg"></div>
然后是一点o’脚本:
$(document).ready(function () {
$('#showLanguage').click(function (e) {
$.ajax({
"url": "http://localhost:8085/reports/popupData.jsp"
"method": "GET",
"dataType": "html",
"success": function (data) {
$('#dlg').html('<p id="text">Selected Languages are:</p>' + data).dialog({
"autoOpen": true,
"modal": true,
"title": "Select Language",
"width": 200,
"height": 360
});
}
});
});
});
$(文档).ready(函数(){
$(“#showLanguage”)。单击(函数(e){
$.ajax({
“url”:”http://localhost:8085/reports/popupData.jsp"
“方法”:“获取”,
“数据类型”:“html”,
“成功”:功能(数据){
$('#dlg').html('所选语言为:
'+data)。对话框({
“自动打开”:正确,
“模态”:正确,
“标题”:“选择语言”,
“宽度”:200,
“高度”:360
});
}
});
});
});
瞧!你有一个“弹出窗口”作为你的界面,没有任何现代浏览器安全功能的“麻烦”(加上它是可主题的,所以它看起来像你界面的一部分)
这里有一把小提琴:一个选择语言的弹出窗口?我们有2013年,不是1999年!考虑使用一个漂亮的内联对话框代替!你好,皮特,谢谢,我现在有两个问题,popup.jsp有每种语言的复选框,当用户选中复选框并单击提交时,选中的复选框值将显示到父jsp。这是JSFIDLE演示,请推荐