dongpang2029 2015-10-14 07:55
浏览 92
已采纳

Ajax响应整个页面代码

i am trying to simply get a variable from javascript to php, but php doesnt receive my variable - instead it receives the whole page-code.

Here is my test-page:

<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script>
      $(document).ready(function() {
        $("#button").click(function() {
          var test = "Hallo Welt";
          $.ajax({
            url: "ajax.php",
            type: "post",
            data: {
              test: test
            },
            success: function (response) {
              alert(response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
              alert(textStatus, errorThrown);
            }
          });
        });
      });
    </script>
  </head>

  <body>
    <form>
      <input type="button" id="button" value="Test" style="width:200x">
    </form>

    <?php
      if(isset($_POST["test"])) {
        echo $_POST["test"];
      }
    ?>

  </body>
</html>

Does anyone have an hint?

greetings

  • 写回答

3条回答 默认 最新

  • douxian7534 2015-10-14 08:13
    关注

    You do not need to have a separate PHP file that processes the AJAX request, though there would be benefits from doing so. If you had a separate file, let's say called 'data.php', you could set that script up in such a way so that it could process many different requests - each time you call your ajax function the url would be the same ( data.php ) but the parameters sent in the request would change.

    The exit statement below is only encountered for POST requests and prevents the remainder of the html being sent back to your javascript callback function.

    <?php
        /* Intercept the POST request, do whatever processing required and echo a response */
        if( $_SERVER['REQUEST_METHOD']=='POST' ){
            /* Remove any previous output from our reply */
            ob_clean();
    
            /* send the response */
            if( isset( $_POST["test"] ) ) echo $_POST["test"];
    
            /* The `exit` statement prevents the rest of the page being sent in response */
            exit(); 
        }
    ?>
    <html>
      <head>
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
        <script>
    
              $(document).ready(function() {
                $("#button").click(function() {
                  var test = "Hallo Welt";
                  $.ajax({
                    url: "ajax.php",
                    type: "post",
                    data: {
                      test: test
                    },
                    success: function (response) {
                      alert(response);
                      document.getElementById('out').innerHTML=response;
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                      alert(textStatus, errorThrown);
                    }
                  });
                });
              });
    
        </script>
      </head>
    
      <body>
        <form>
          <input type="button" id="button" value="Test" style="width:200x">
          <output id='out'></output>
        </form>
      </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)