AJAX innerHTMLの結果は、PHPからHTMLコードを返すdoesnの `t

Question

AJAX：

$.ajax({ 
type: "POST", 
url: "calculator/panouri-simple/calcul-panouri-simple.php", 
data: $("#formular_comanda").serialize(), 
success: function(result) 
{ 
    document.getElementById("show_panels").innerHTML = result; 
}, 
error: function(result) 
{ 
    console.log("Eroare:"); 
    console.log(result); 
} 
}); 

HTML：

<div id="show_panels"></div> 

私は、ブラウザの "ページのソース" に見て、何のhtmlコードの間には存在しません<div id="show_panels">および</div>。

resultからの入力が返されていますが、これらの入力を別のajaxと呼びますが、htmlページソースでは入力がありません。

ブラウザでは視覚的に表示されますが、HTMLコードはソースコードにはありません。ここで私は何を意味するのか理解してくれることを願っています写真を見て。

私はPHPファイルの入力名を呼び出していますが、undefined variabile ...があります。これは私の問題です。視覚的には、入力はそこにありますが、HTMLコードはありません。

デバッガ：あなたは伝統的なJavaScriptのdocument.getElementByIdあなたがロードされてきたのjQueryを使用していて、そのための構文を使用している理由

Answer 1

は私が求めることができますか？データを.ajaxに送信するときは、jQueryセレクタ$("#formular_comanda").serialize()を使用します。なぜ、何かのようにはしない...

success: function(result) { 
    $("#show_panels").html(result); 
}, 

は、任意のGETパラメータを期待して、あなたのPHPファイルcalculator/panouri-simple/calcul-panouri-simple.phpですか？または送信されていないPOST内の何か？事が進まなかったので、コンソールにエラーが表示されますか（console.logと書いてありますか？）

あなたは

$(document).ready(function() { 
    // ... 
}); 

などのイベントハンドラの内部で、.ajaxのステートメントを呼び出すか、それはちょうどそれがあるとして、ソースであるあなたのjQueryのスニペットを、か？