Question

我需要动态地在iframe中实现一个iframe（我正在制作一个演示，实际上在真实场景中我只能控制第一个父页面，第二个iframe父页面第三个就是一个响应，它将由服务器和它是一个iframe）。但是我没有得到它如何做到这一点创建另一个Iframe我得到了一秒然后再次加载父Iframe。在我尝试过之前：

 verifyUserCredential: function () {
        var username = $("#username").val();
        var password = $("#password").val();
        $.ajax({
            type: "GET", //HTTP GET Method
            cache: false,
            url: verifyCredUrl, // Controller/View
            data: { username: username, password: password },
            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                if (data.jvalue) {
                    //alert("Matched!!!");
                    UserLogin.getPaymentMethods();
                }
                else {
                   // alert("Not Matched!!!");
                }
            },
            error: function (data) {
                //AlertMessage("Error", AlertMessage4);
            }
        });
    }

以上代码验证凭据并成功调用将重新加载另一个iframe的方法。

 getPaymentMethods: function () {

        $.ajax({
            type: "GET", //HTTP GET Method
            cache: false,
            url: paymentType, // Controller/View
            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                if (data.jvalue) {
                    //alert("Matched!!!");
                    $("#prevDiv").hide();
                    $(data.jvalue).appendTo('body');

                }
                else {
                    // alert("Not Matched!!!");
                }
            },
            error: function (data) {
                //AlertMessage("Error", AlertMessage4);
            }
        });

    }

这里data.jvalue是json从服务器返回的iframe：

var jsonValue = "<iframe name='testiFrame' id='runtimeIFrame'  frameborder='no' scrolling='auto' height='400px' width='320px' src='http://google.com&output=embed?interframe=true'></iframe>";

iframe的src低于html：

 <div class="login-page " id="prevDiv">
        <div class="form formcustom">
            <form class="login-form">
                <input type="text" placeholder="username" id="username" />
                <input type="password" placeholder="password" id="password"/>
                <button id="btnLogin">login</button>
            </form>
        </div>
    </div>

<div id="dviframe">
//here i need to put new iframe and hide previous div
    </div>

如何实现嵌套的iframe

0 个答案: