jQuery ajax和php iframe。形式目標問題

溢出這裏是每日問題。 =）jQuery ajax和php iframe。形式目標問題

使用情況&問題描述：

我通過jQuery $阿賈克斯（{...}）
- 了AJAX調用後觸發的SQL提交表單插入由PHP完成。
- SQL查詢已成功執行並可在數據庫中進行檢查。
的IFRAME它是用來顯示結果沒有得到更新。
- 原始按鈕附接以形成用過的目標= 「id_of_iframe」 *
的交目的地是在相同的URL，同一目標（my_iframe）

所以，

如何使用$ .ajax文章的結果數據更新iframe？
我應該添加一些其他控件嗎？
一些其他表單提交方法與可編輯的數據符合iframe？

感謝所有提前，有一個很好的編碼天:)

代碼：

HTML

<html> 
    <head> 
    ... 
    </head> 
    <body> 
    <!--the iframe --> 
    <iframe src ="iframe.php" 
     class="my_iframe" id="my_iframe" 
     name="my_iframe" frameborder="0" allowtransparency="true"> 
    </iframe> 
    <!--the form --> 
    <form id="my_form" action="iframe.php" 
    method="post" target="my_iframe"> 
     <!-- some input fields --> 
     <button onclick="my_function"></button> 
    </form> 
    </body> 
</html>

JAVASCRIPT - JQUERY

function my_function(){ 
    var my_data = .../*go collect form data*/ 
    $.ajax({ 
    type: "POST", 
    url: "iframe.php", 
    data: my_data, 
    success:function(response){ 
     $("#my_frame").html(response); 
    } 
    }); 
}

部分結果：

鉻控制檯登錄此警告有關jquery.min.js：4

在主線程同步的XMLHttpRequest已被棄用，因爲其所帶來的影響最終用戶的體驗。如需更多幫助，請撥打查詢https://xhr.spec.whatwg.org/。

一些CSS GET車和一些字體/-重量變化

PS 在ajax.success功能我已經試過這種替代但問題是相同的：

$('#my_iframe').append(result);

來源

2016-10-17 GrayFox

iframe的主體不需要用'html'或'append'進行更新。 –

你想在ajax調用之後重新加載iframe嗎？ –

@mubasharabbas親愛的mubashar，我該怎麼辦？ :) – GrayFox

要更新你可以更新它的iframe的src屬性，像這樣：

$('iframe#my_iframe').attr('src', 'iframe.php');

把這個放在你的ajax success回調中。並且iframe將重新加載。

來源

2016-10-17 15:31:17

仍然沒有工作。帖子總是被提交併且觸發了成功事件。 – GrayFox

但在iframe上沒有更新 – GrayFox

jQuery ajax和php iframe。形式目標問題

回答

相關問題