在javascript中加载带有类的php页面

我有javascript中的popup类，并在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>

Javasript：

<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.loadcorrect.php的错误语法

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

或

---

在这种情况下如何使用ajax？在这种情况下，ajax会有所帮助吗？

请检查jquery脚本中是否丢失了DOM，以便进行函数检查。在$function中编写它，而且我怀疑您没有在HTML页面中嵌入包含class.popup的区域。请检查…它将被解决。

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

确保您有一个div或其他元素，该元素附带一个类弹出窗口。我必须将以下内容添加到您的代码中才能使其正常工作

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

编辑： 我试图在点击提交时打开一个颜色框，如下面的评论线程所示。这是一个可以工作的东西，打开一个弹出窗口，里面有一个页面。这并不完美，但确实有效。您必须调整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>

---

我直接使用.colorbox函数解决了我的问题，如下所示。现在可以工作了

<script type="text/javascript">
    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) {

    $.colorbox({
href:"correct.php",
iframe:true, 
opacity:0.7, 
fixed:true, 
innerWidth:500, 
innerHeight:250, 
scrolling:false});
    return false;

    } else {

    $.colorbox({
href:"incorrect.php",
iframe:true, 
opacity:0.7, 
fixed:true, 
innerWidth:500, 
innerHeight:320, 
scrolling:false});  
    return false;

    }
}

</script>

---

@Subrat Pattnaik：我尝试将类附加到div，div是上述表单的父级，但它仍然不能工作。谢谢单击按钮后是否在浏览器控制台中看到任何错误或警告？是，未捕获类型错误：无法读取未定义的属性“charAt”。这是在js文件中，我用来在文本框中只输入数字文本。只有当我包含$.popup.loadcorrect.php；时，才会出现这种情况；。使用window.loactionurl时无法获取；而不是那样。加载函数有语法错误吗？我的代码中有.colorbox函数使弹出发生。如何使用.colorbox加载php页面？你有什么想法，请告诉我。从来没有用过彩盒。但是，我尝试将您的完整代码放在我的沙箱中，并创建了两个虚拟php文件。我能够在一个div中显示php文件的内容。它们正确地显示在表单的正下方。所以我认为，您的加载语法是正确的。Ajax或非Ajax实际上取决于您的实现。@DevLakshman:我已经包含了.popup所需的文件。谢谢