javascript - 从从 JQuery 调用的文件中使用 AJAX 调用文件

Question

我正在尝试从名为 trough JQuery 的文件调用服务器端。这很难解释，但我真正在做的是，我使用 JQuery 调用一个将像窗口一样弹出的文件。然后在该弹出窗口中，我将使用 AJAX 调用服务器端文件。

这是我调用第一个文件的方式:

JQUERY

function AddBill(id) {
    $("#displayDIV").show();
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("displayDIV").innerHTML = this.responseText;
        }
    };
    xmlhttp.open("GET","file1.php?",true);
    xmlhttp.send();
}

现在我想调用 file1.php 中的另一个文件

AJAX

$(function() { 
    $("#formAdd").submit(function(e) {
        e.preventDefault();
        alert();
        $.ajax({  
            url: $(this).attr('action'),
            type: "post",  
            data: $(this).serialize(),
            error:function(){
                alert("ERROR : CANNOT CONNECT TO SERVER");
            },
            success: function(data) {
                alert(data);
            }
        });
        return false; 
    });
});

顺便说一下。这是我调用 AddBill()

的地方

<input type="button" class="updateButton" value="ADD BILLED TO" onclick="AddBill()"/>

这是我的file1.php

的内容

<form id="formAdd" action="server.php" method="POST">
    <input type="text" name="text1">
    <input type="submit" value="ADD">
</form>

程序未读取AJAX。我哪里出错了，或者更好的方法是什么？

谢谢

Answer 1

查看更新后的问题，也许您的 ajax 代码在页面上添加内容之前正在运行:

在你的 ajax 中试试这个:

$(document).on('submit', "#formAdd", function(e) {

代替

$("#formAdd").submit(function(e) {