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

How to generate popup after ajax call

本文关键字：窗口 后生 调用 ajax      更新时间：2023-09-26

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

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

我应该更改哪些内容以允许新内容显示在弹出窗口而不是新选项卡中？

最好在弹出窗口中打开一个"html表单"：成功时$（"#dialog-form"）.dialog（"open"）;

你应该使用alert()而不是window.open() 

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

您可以使用alert()函数，

alert('Your text here ');

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

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

打开新的弹出窗口使用

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

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

注意：弹出窗口可能会根据浏览器的配置被阻止

试试这个

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

而不仅仅是

window.open("addnewexcursion.php");

参考此链接

好吧，

您可以使用colorbox（ http://www.jacklmoore.com/colorbox/）进行弹出窗口，并将href中的URL作为参数传递。或者您可以附加自己的弹出窗口，如 

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

当然，您可以将弹出窗口设置为固定位置并淡化背景。

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

相关文章：