【发布时间】：2015-11-19 18:53:22
【问题描述】：
我以前从未使用过 jquery，并努力为我的情况找到解决方案。
在 cockpit.php 页面上，我使用表单从 mysql 数据库中获取一些内容。同时，我可以在 cockpit.php 页面上的 div 中显示此内容。
计划是以模式显示内容。在那里，用户有 10 秒的时间来确认它（在这种情况下，它应该存储到数据库中）。
问题：我尝试了数小时和数天以将内容放入模态。没有机会......关于如何解决这个问题的任何想法？顺便说一句：目前我在倒计时归零后重新加载窗口。在这里，通过 jquery 接近模态也是一个想法。
所以我真的很感激一些提示。谢谢。
最终解决方案： modal.js
$(function(){
$("#pricing").submit(function() {
$.ajax({
type: "POST",
url: $(this).attr('action'),
data: $(this).serialize(),
dataType: 'json',
success: function(data)
{
$('#myModal').find('#a').text(data.a);
$('#myModal').find('#b').text(data.b);
$('#myModal').find('#c').text(data.c);
$('#myModal').find('#d').text(data.d);
$('#myModal').find('#e').text(data.e);
$('#myModal').find('#f').text(data.f);
$('#a2').val($(this).data('a'));
$('#myModal').modal('show');
}
});
return false;
});
});
$("#confirm").click(function(){
var data = {
a: $('#a').text(),
b: $('#b').text(),
c: $('#c').text()
};
$.ajax({
url: 'confirm.php',
type: "POST",
data: data,
dataType: 'json',
success: function(confirm) {
window.location.reload();
}
});
});
Modal for click-function的相关HTML部分：
<div class="alert hidden" role="alert" id="modalAlert"></div>
<input type="hidden" id="confirmmodal" name="confirmmodal" value="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-ar btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-ar btn-primary" id="confirm">Confirm</button>
</div>
确认.php
<?php
$a = $_POST['a'];
// do what you want
$confirm = array('message' => $a);
echo json_encode($confirm);
所以功能正常...
【问题讨论】：
-
当您将数据传递给模态时，您能告诉我吗？是在显示模式时想要显示来自 html 的数据，还是当响应从服务器返回并且您想要显示响应时出现问题？
-
我可以传递数据（来自服务器的响应）并可以在 div 中显示它......这很好。但是当我尝试将这些数据输入模态时，我没有得到响应。至少我在模态中看不到它 - 我当然能够看到模态（没有响应）。重新加载页面中断了一些尝试（因此模式甚至没有打开）
-
好的，据我了解，服务器响应应该已经按预期存在。我注意到您的代码中有一个潜在的小问题，请尝试在 AJAX 的行尾添加 .show，如下所示： $('#pricing').find('.form_result').html(response).show
-
还是一样...我想我必须找到一个解决方案才能正确调用模态并同时通过 ajax 获取数据。
标签： javascript php jquery html ajax