ajax innerHTML结果不会从PHP返回html代码

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>

当我查看＆＃34;查看页面来源＆＃34;在浏览器上，<div id="show_panels">和</div>之间没有HTML代码。

来自ajax的

result返回一些输入，我用另一个ajax调用这些输入，但在html页面源中，那些输入不在那里。

它们在浏览器中是可视的，但源代码中不存在html代码。我希望你明白我的意思。看看照片。

我在php文件中调用这些输入名称，然后得到undefined variabile ...。这是我的问题。在视觉上，输入是存在但没有HTML代码。

调试器：

Answer 1

当你加载jQuery并使用它的语法时，我可以问你为什么要使用传统的JavaScript document.getElementById？将数据发送到$("#formular_comanda").serialize()时，可以使用jQuery选择器.ajax。为什么不做像...这样的事情。

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

您的PHP文件calculator/panouri-simple/calcul-panouri-simple.php是否需要任何GET参数？或者POST中没有发送的任何内容？错误是否出现在控制台中（您使用console.log编写），因为事情没有通过？

你的jQuery代码片段，你在.ajax语句中调用，如

之类的事件处理程序

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

或者它只是在源中吗？