问题:我想以引导模式显示表单页面的结果。
一切正常,但无法用表单页面中的数据替换模式主体内容。 我在哪里做错了转弯?当我在警报中显示结果时,它可以正常工作...
// this is the id of the form
$("#idform").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = "form.html"; //form.attr('action');
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
//alert(data); // show response from the php script. -> Working fine
// Here is (i guess) the problem zone...:
$("#modal-confirmation").modal('show').on("show", function(e) {
$(this).find(".modal-body").load(data);
});
}
});
});
谢谢,感谢您的帮助!
答案 0 :(得分:1)
您可以使用:
$("#modal-confirmation .modal-body").html(data);
$("#modal-confirmation").modal('show');
答案 1 :(得分:1)
您不需要使用加载方法,因为您已经使用过ajax并获取了数据,因此可以在需要时直接使用它...
// this is the id of the form
$("#idform").submit(function(e) {
e.preventDefault(); // avoid to execute the actual submit of the form.
var form = $(this);
var url = "form.html"; //form.attr('action');
$.ajax({
type: "POST",
url: url,
data: form.serialize(), // serializes the form's elements.
success: function(data)
{
//alert(data); // show response from the php script. -> Working fine
// Here is (i guess) the problem zone...:
$("#modal-confirmation").modal('show');
$("#modal-confirmation .modal-body").html(data);
}
});
});