使用 javascript 中的类加载 php 页面

我在 javascript 中有弹出类，并在我的 html 页面中添加了显示该弹出窗口所需的所有脚本。我正在尝试在单击表单的提交按钮时在弹出窗口中加载 PHP 页面。

弹出窗口对于如下按钮工作正常（来自 select.php 的文本显示在弹出框中）：

<a href="select.php" class="home-banner-button popup">Activate</a>

现在我有一个表单，提交后我必须根据条件重定向到 PHP 页面。结果应该显示在弹出窗口中。

我尝试使用弹出类加载页面，如下所示，但它没有显示弹出窗口。

标记如下：

<form method="post" action="#"  onSubmit="return check();">
   <input type="text" id="textid" placeholder="Enter Here" />
   <input type="submit" name="submit" />                
</form>

JavaScript：

<script type="text/javascript">

$(function () {
    $('.popup').colorbox({
        iframe: true,
        opacity: 0.7,
        fixed: true,
        innerWidth: 500,
        innerHeight: 180,
        scrolling: false
    });
});

function check() {
    var price = $('#textid').val();
    var new_value = price.replace(/\,/g, '');
    var lower_limit_value = 375;
    var upper_limit_value = 1712;

    if (new_value >= lower_limit_value && new_value <= upper_limit_value) {
        $(".popup").load("correct.php");
        return false;
    } else {
        $(".popup").load("incorrect.php");
        return false;
    }
}
</script>

我认为我使用了错误的语法$(".popup").load("correct.php");

我不知道如何使用它/如何通过加载 php 页面或其他方式在 javascript 中调用类（例如 .popup）。

或者 这种情况下如何使用ajax呢？ ajax 在这种情况下可以提供帮助吗？

您在浏览器控制台中看到什么错误？我尝试运行您的代码，我能够使用您的代码在页面中显示 PHP 文件的内容。

确保您有一个 div 或其他一些带有“popup”类的元素。我必须将以下内容添加到您的代码中才能使其正常工作。

<div class="popup"></div>

EDIT:我尝试在单击提交时打开一个颜色框，按照下面的评论线程。这是可以运行并打开一个弹出窗口，里面有一个页面的东西。这并不完美，但可以完成工作。您必须调整 height.width 和其他属性才能使其正常工作。试试这个是否有效。

将您的脚本更改为以下内容：

$(function () {
   //Removed the popup code from here. Made that conditional.
});

function check() {
    var price = $('#textid').val();
    var new_value = price.replace(/\,/g, '');
    var lower_limit_value = 375;
    var upper_limit_value = 1712;

    if (new_value >= lower_limit_value && new_value <= upper_limit_value) {
        $('.popup').colorbox({
          iframe: true,
          opacity: 0.7,
          fixed: true,
          height: 500,
          width: 180,
          scrolling: false,
          href: "correct.php",
          open: true
        });
        return false;
    } else {
        $('.popup').colorbox({
          iframe: true,
          opacity: 0.7,
          fixed: true,
          height: 500,
          width: 180,
          scrolling: false,
          href: "incorrect.php",
          open: true
        });
        return false;
    }
}
</script>