gpt4 book ai didi

javascript - 将数据发布到页面并同时打开该页面

转载 作者:行者123 更新时间:2023-11-30 20:59:53 26 4
gpt4 key购买 nike

在下面的 Javascipt 代码中,我将数据发送到名为“book.php”的页面。它通过 post 方法成功发送了数据(因为我收到了警报)但是当我打开 book.php 以显示收到的信息时数据,它没有显示任何东西。

<script type="text/javascript">
$(document).on("click", ".open-AddBookDialog2", function (f){
var train_date=$(this).data('id');
$.ajax({
type: 'post', // the method (could be GET btw)
url: 'book.php', // The file where my php code is
data: {
'train_date': train_date // all variables i want to pass. In this case, only one.
},
success: function(data) { // in case of success get the output, i named data
alert("success"); // do something with the output, like an alert

}

});
});
</script>

Book.php 显示输出为空。有什么方法可以在向其发送发布数据的同时打开同一页面?我想将该 $_POST 变量用于 sql。

book.php-

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" type="text/css" href="style.css">
<style>
body {
background-image: url("rail.jpg");
background-color: #cccccc;
background-size: 100% auto;
background-repeat: no-repeat;
}
</style>
</head>
<body>

<p>
<?php
if(isset($_POST['train_date'])) { //if i have this post

// print it
echo $_POST['train_date']; }
else{
$var="nothing";
echo "nothing";
}


?>
</p>



</body>
</html>

最佳答案

不要使用 XHR/Ajax。一个简单的解决方案是创建一个隐藏的 <form method="post">元素,同样为您的数据创建隐藏的输入字段(在本例中只是 train_date)用值填充它,然后使用 javascript 触发表单提交。浏览器将根据您的请求进行重定向。

例子:

JS:

$(document).on("click", ".open-AddBookDialog2", function (f){
var train_date=$(this).data('id');
var hidden_form=$("#hidden-form");
var hidden_input=$("#hidden-form-input");
hidden_input.val(train_date)
hidden_form.submit()
});

HTML:

<form method="post" id="hidden-form" style="display:none" action="book.php">
<input id="hidden-form-input" name="train_date" />
</form>

关于javascript - 将数据发布到页面并同时打开该页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47240634/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com