Question

我想在ajax调用后生成一个弹出窗口。我当前的代码（如下）创建了一个新选项卡，而不是警告框。

$.ajax
({
    type: "POST",
    url: "addDayData.php",
    data: TblData,
    async: false,
    success: function (data) {
        window.open("addnewexcursion.php");
    }
});

我应该更改哪些内容才能让新内容显示在弹出窗口而不是新标签中？

Answer 1

最好在弹出窗口中打开'html表单'：成功$（“＃dialog-form”）。dialog（“open”）;

Answer 2

您应该使用alert()代替window.open()

$.ajax
({
    type: "POST",
    url: "addDayData.php",
    data: TblData,
    async: false,
    success: function (data) {
       alert("POPUP");
    }
});

Answer 3

您可以使用alert()功能

alert('Your text here ');

Answer 4

您应该检查其他window.open参数

$.ajax({
    type: "POST",
    url: "addDayData.php",
    data: TblData,
    async: false,
    success: function (data) {
        window.open("addnewexcursion.php", "myWindow","width=200,height=100");
    }
});

Answer 5

打开新的弹出窗口

window.open('www.yourUrl.com','name','height=200,width=150')

指定window.open的宽度和高度，这将打开一个新的弹出窗口。

注意：弹出窗口会根据浏览器的配置进行阻止

Answer 6

试试这个

newwindow=window.open('addnewexcursion.php','name','height=200,width=150');
    if (window.focus) {newwindow.focus()}
return false;

而不仅仅是

window.open("addnewexcursion.php");

请参阅此link

Answer 7

如何使用ajax内容创建简单的弹出窗口？为此我们需要一点点css，一些js和html。它非常简单。首先使用类popup_box添加div，将div添加到主包装类的外部。我们需要为弹出窗口设置一些样式，所以请使用css。您可以在其中添加/修改自己的内容。然后主要的事情是js。添加这些函数loadPopupBox（）和unloadPopupBox（）（定义如下）。在适当的时候打电话给他们，就是这样！完整的代码和风格如下。

Answer 8

你可以使用colorbox（http://www.jacklmoore.com/colorbox/）进行弹出，并将你的url作为参数传递给href。或者您可以在

中附加自己的弹出窗口

var resp=jQuery.ajax({url:"www.whatever.com"}).done(function(resp){jQuery('body').append("<div class="popup">"+resp+"</div>");});

当然，你的弹出窗口的样式是固定位置并淡化背景。

如何在ajax调用后生成弹出窗口

8 个答案: