jQuery.ajax - 将数据发布到同一页面后重复内容

问题1：我使用jQuery.ajax()将一些数据发回同一页面后，我的内容重叠了两次。我将数据发布回同一页面的原因是我需要将我的JavaScript值传递给PHP端。jQuery.ajax - 将数据发布到同一页面后重复内容

问题：如何编辑我的代码，以便在将数据发布到同一页面之前和之后只有一份我的内容？

问题2：您可能已经注意到我的宾果功能中有 $("#test").html(data);，我身上有 <span id="test"></span>。如果我的 print_r()没有将Javascript值传递给PHP端，我似乎无法删除它们。

问：是否有使用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>

来源

2012-06-15 Zany

OMG是如此凌乱！试试下面的代码反正：

<?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 
} 
?>

来源

2012-06-15 09:24:46 Ananth

哦，上帝，魔法！ = x顺便说一句，如果我删除了ajax：是吗？ – Zany

对不起，当我后来意识到没有其他参数是必需的时候忘了删除:) – Ananth

没关系，谢谢你的帮助！ :) – Zany

如果你想保持你的!在你的条件，你可以做它的其他方式也圆。

<?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']); 
} 
?>

来源

2012-06-15 11:48:50

看来我只能选择1个问题的答案，谢谢你的帮助:) – Zany

jQuery.ajax - 将数据发布到同一页面后重复内容

回答

相关问题