Php ajax-将数据发布回同一页面后复制内容
问题1:我使用Php ajax-将数据发布回同一页面后复制内容,php,javascript,jquery,Php,Javascript,Jquery,问题1:我使用jQuery.ajax()将一些数据发布回同一页面后,我的内容重叠了两次。我之所以将数据发回同一页面,是因为我需要将JavaScript值传递给PHP端 问题:在将数据发布到同一页面之前和之后,如何编辑我的代码,使我的内容只有一份副本? 问题2:您可能已经注意到有一个$(“#test”).html(数据)在我的宾果游戏功能中,一个在我的身体中。如果不是的话,我似乎无法删除它们。将Javascript值传递到PHP端将无法工作,如我的print\r()所示 问题:是否有任何方法可以
jQuery.ajax()将一些数据发布回同一页面后,我的内容重叠了两次。我之所以将数据发回同一页面,是因为我需要将JavaScript值传递给PHP端
问题:在将数据发布到同一页面之前和之后,如何编辑我的代码,使我的内容只有一份副本?
问题2:您可能已经注意到有一个$(“#test”).html(数据)代码>在我的宾果游戏功能中,一个
在我的身体中。如果不是的话,我似乎无法删除它们。将Javascript值传递到PHP端将无法工作,如我的print\r()
所示
问题:是否有任何方法可以删除它们,但仍然可以使用jQuery.ajax()
将我的值从JavaScript传递到PHP?
bingo.php
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<?php
if (!isset($_POST['varA']) && !isset($_POST['varB']))
{
?>
<script type="text/javascript">
$(document).ready(bingo);
function bingo()
{
jQuery.ajax({
type: "POST",
data: {varA: "123", varB: "456"},
success: function(data)
{
alert("POST to self is successful!");
$("#test").html(data);
}
});
}
</script>
<?php
}
else
{
print_r($_POST['varA']);
echo " - ";
print_r($_POST['varB']);
}
?>
</head>
<body>
<input type="text" value="meow"/>
<span id="test"></span>
</body>
</html>
$(文档).ready(宾果游戏);
函数宾果()
{
jQuery.ajax({
类型:“POST”,
数据:{varA:“123”,varB:“456”},
成功:功能(数据)
{
警告(“向自己发布成功!”);
$(“#测试”).html(数据);
}
});
}
天哪,太乱了!无论如何,请尝试以下代码:
<?php
if (isset($_POST['varA']) && isset($_POST['varB'])) {
print_r($_POST['varA']);
echo " - ";
print_r($_POST['varB']);
} else {
?>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(bingo);
function bingo()
{
jQuery.ajax({
type: "POST",
data: {varA: "123", varB: "456", ajax: true},
success: function(data)
{
alert("POST to self is successful!");
$("#test").html(data);
}
});
}
</script>
</head>
<body>
<input type="text" value="meow"/>
<span id="test"></span>
</body>
</html>
<?php
}
?>
$(文档).ready(宾果游戏);
函数宾果()
{
jQuery.ajax({
类型:“POST”,
数据:{varA:“123”,varB:“456”,ajax:true},
成功:功能(数据)
{
警告(“向自己发布成功!”);
$(“#测试”).html(数据);
}
});
}
如果您希望保留您的
在您的条件下,您也可以用另一种方法来完成
<?php
if (!isset($_POST['varA']) && !isset($_POST['varB'])) {
?>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(bingo);
function bingo()
{
jQuery.ajax({
type: "POST",
data: {varA: "123", varB: "456"},
success: function(data)
{
alert("POST to self is successful!");
$("#test").html(data);
}
});
}
</script>
</head>
<body>
<input type="text" value="meow"/>
<span id="test"></span>
</body>
</html>
<?php
}
else {
print_r($_POST['varA']);
echo " - ";
print_r($_POST['varB']);
}
?>
$(文档).ready(宾果游戏);
函数宾果()
{
jQuery.ajax({
类型:“POST”,
数据:{varA:“123”,varB:“456”},
成功:功能(数据)
{
警告(“向自己发布成功!”);
$(“#测试”).html(数据);
}
});
}
哦,天哪,魔术=顺便问一下,如果我删除那个ajax可以吗:真的?是的,很抱歉,当我后来意识到不需要其他参数时忘记删除:)我似乎只能选择一个问题的答案,也谢谢你的帮助:)