Question

我在一个页面中有6个iframe。数据库查询使用某些数据行填充第一个iframe。当我从此结果中选择任何一行时（基于唯一键），我对数据库运行另一个查询以获取有关该行的更多信息。

现在，我想在其他5个iframe中显示该信息的不同相关部分。 all the 6 iframes我该怎么做？

使用的技术：HTML5 / CSS / Javascript / php / SQL Server。请参阅附图以获得更清晰的信息。

Answer 1

这是原作者在他的问题评论中提出的问题的答案


您能提供一个这样的AJAX调用示例吗？

没有jQuery（Plain JavaScript）

function getData(url, callback) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            callback(this.responseText);
        }
    };
    xhttp.open("GET", url, true);
    xhttp.send();
}

function useData(data) {
    // This is where you are going to use the data to display your page (tables, text, etc...)
    // /!\ `data` is still a string. If you're using JSON for example, don't forget to `JSON.parse()` before using the code.

    console.log(data);
}

// and finally call the getData function with the url and the callback
getData("myData.php", useData);

使用jQuery：

function getData(url, callback) {
    $.ajax({
        url: url,
        method: "GET",
        success: callback,
        error: function(xhr, textStatus, errorThrown) {
            alert("AJAX error: " + errorThrown);
        }
    });
}

function useData(data) {
    // This is where you are going to use the data to display your page (tables, text, etc...)
    // This time, jQuery will do an intelligent guess and automatically parse your data. So wether you're using XML, JSON, ..., it's going to get parsed.

    console.log(data);
}

// and finally call the getData function with the url and the callback
getData("myData.php", useData);

Answer 2

感谢@nicovank建议使用AJAX。这就是我做的。在第一帧中选择行时，将对数据库运行单个查询以获取所有其他帧所需的信息。现在使用AJAX，我收集变量中的所有信息。然后，我决定需要在其他帧中显示哪些信息，并使用frame [i] .document.write（info_to_be_displayed_for_this_frame）来显示它。这是我失踪的部分。现在一切正常。

感谢您的帮助。

从数据库查询中回显多个iframe中的数据

2 个答案: