如何在jquery中发布数据时使用jquery UI对弹出消息进行post.php
如何在jquery中发布数据时使用jquery UI对弹出消息进行post.php
提问于 2020-01-31 00:17:25
我使用jQuery提交一个表单，该表单调用another.php，然后我使用jQuery-UI显示弹出消息，但它没有显示。
如果没有post，如果我将参数作为变量提供，它将显示弹出消息。
这是jQuery：
<script>
$(document).ready(function() {
$("#divhide").hide();
$('#info').submit(function() {
$.post('another.php',$('#info').serialize(), function() {
location.reload(true);
});
return false;
});
</script>这是another.php中的代码
<link rel="stylesheet" href="assets/jquery-ui.css">
<script src="assets/jquery.min.js"></script>
<script src="assets/jquery-ui.js"></script>
<script>
$(function() {
$("#dialog").dialog({
width: 200,
hide: 'slide',
position: 'top',
show: 'slide',
close: function(event, ui) {
window.location.href = history.back();
}
});
});
</script>
<div id="dialog" title="Error">
<p><?php echo "Error : Already X has the value $X"; ?></p>
</div>回答 1
Stack Overflow用户
发布于 2020-01-31 05:21:09
AJAX的好处是，您可以通过HTTP向服务器发送数据或从服务器获取数据，而不必重新加载整个页面。
例如，如果您使用以下命令将数据发布到PHP脚本：
$(function() {
$("#divhide").hide();
$('#info').submit(function() {
$.post('another.php', $(this).serialize(), function(data) {
$("#divhide").html(data).show();
});
return false;
});您的脚本将把数据发送到PHP并获得一些结果，作为data变量返回。JavaScript可以接受很多数据类型，例如文本、HTML、JSON和XML。因此，如果您期望返回HTML，只需将其附加到一个对象即可。
例如，如果another.php具有以下代码：
<div id="dialog" title="Error">
<p><?php echo "Error : Already X has the value $X"; ?></p>
</div>然后这将返回到data中，使用.html()，我们可以将其附加到一个元素中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59990212
复制相关文章
相似问题
腾讯云开发者
