使用javascript按钮点击更改php状态的Ajax

时间:2016-03-23 06:06:22

标签: javascript php html ajax button

我试图通过AJAX显示9个上次上传的图像,但也能够浏览过去上传的图像。

 <script language = "javascript" type = "text/javascript">
              var x = 0;
             var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
            nextButton.onclick = function(){
                  x+=1;
                      };

         document.getElementById("tst").innerHTML =         xmlhttp.responseText;

    };

           xmlhttp.open("GET", "getImage.php?=" + x , true);
           xmlhttp.send();

      </script>

             #getImage.php file
                 <?php 
                  $q = $_REQUEST["q"];
                  $req = intval($q);
                  echo $req;
                  ?>

每次按下按钮时我都需要$ req更新,当页面加载时我也需要0,所以它不仅在按下按钮时显示图像,而且在页面刚加载时也显示 感谢

2 个答案:

答案 0 :(得分:0)

xmlhttp.open("GET", "getImage.php?=" + x , true);

错误,因为没有查询参数q用

替换它
xmlhttp.open("GET", "getImage.php?q=" + x , true);

希望它有所帮助:)

答案 1 :(得分:0)

q的值未传递给php文件。添加查询字符串参数q 只需替换此行:

xmlhttp.open("GET", "getImage.php?=" + x , true);

用这个:

xmlhttp.open("GET", "getImage.php?q=" + x , true);