Javascript 刷新div标记而不刷新_Javascript_Jquery_Ajax

Javascript 刷新div标记而不刷新

javascript jquery ajax

Javascript 刷新div标记而不刷新,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想在click事件中重新加载div标记。我想在click事件中生成随机密码。现在整个页面都被刷新。这应该需要一些时间。因此我想每3秒钟或在click事件中刷新一次div标记。我在这里附加了我的代码 <body> hello <div class="refresh"> <?php function randomPassword() { $alphabet = "abcdefghijklmnopqrstuwxyzABCDE

我想在click事件中重新加载div标记。我想在click事件中生成随机密码。现在整个页面都被刷新。这应该需要一些时间。因此我想每3秒钟或在click事件中刷新一次div标记。我在这里附加了我的代码

 <body>
 hello 
 <div class="refresh">
   <?php
      function randomPassword() {
          $alphabet = "abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ0123456789";
          $pass = array(); //remember to declare $pass as an array
          $alphaLength = strlen($alphabet) - 1; //put the length -1 in cache
          for ($i = 0; $i < 8; $i++) {
              $n = rand(0, $alphaLength);
              $pass[] = $alphabet[$n];
          }
          return implode($pass); //turn the array into a string
      }
      echo $pwd=randomPassword();
   ?>

 </div>
 <button class="click">click me</button>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script>
     $(document).ready(function(){
         $(".click").click(function(){
             location.reload();
         });
     });
</script>
</body>


你好
点击我
$（文档）.ready（函数（）{
$（“.click”）。单击（函数（）{
location.reload（）；
});
});

单击一个按钮，您将使用

location.reload（）重新加载页面

仅刷新div时，需要修改代码

<body>
hello 
 <div class="refresh">

 </div>
 <button class="click">click me</button>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
  $(".click").click(function(){
  var str = randomPassword();
  $(".refresh").html(str);
  });

function randomPassword() {
$alphabet = "abcdefghijklmnopqrstuwxyzABCDEFGHIJKLMNOPQRSTUWXYZ0123456789";
$pass = array(); //remember to declare $pass as an array
$alphaLength = strlen($alphabet) - 1; //put the length -1 in cache
for ($i = 0; $i < 8; $i++) {
    $n = rand(0, $alphaLength);
    $pass[] = $alphabet[$n];
      }
    return implode($pass); //turn the array into a string
    }
 });
</script>
</body>


你好
点击我
$（文档）.ready（函数（）{
$（“.click”）。单击（函数（）{
var str=randomPassword（）；
$（“.refresh”）.html（str）；
});
函数randomPassword（）{
$alphabet=“abcdefghijklmnopqrstuwxyzabcdefghijklmnopqrstuwxyzo123456789”；
$pass=array（）；//记住将$pass声明为数组
$alphaLength=strlen（$alphabet）-1；//将长度-1放入缓存
对于（$i=0；$i<8；$i++）{
$n=兰特（0，$alphaLength）；
$pass[]=$alphabet[$n]；
}
return introde（$pass）；//将数组转换为字符串
}
});


新文件
设定间隔（RandPwd，30000）；
函数RandPwd（）
{
var pwd=“”；
var-mablue=“ABCDEFGHIJKLMNOPQRSTUVXYZABCDFGHIJKLMNOPQRSTUVXYZ0123456789”；
对于（变量i=0；i<5；i++）
pwd+=可能的.charAt（Math.floor（Math.random（）*可能的.length））；
$（“.refresh”）.html（pwd）；
返回false；
}
你好
点击我

用于刷新div标记，而无需重新加载页面

 <script>
 var auto_refresh = setInterval(function () {
$('.refresh').fadeOut('slow', function() {
    $(this).load('/echo/json/', function() {
        $(this).fadeIn('slow');
    });
});
}, 3000);
</script>


var auto_refresh=setInterval（函数（）{
$（'.refresh'）.fadeOut（'slow'，function（）{
$（this）.load（'/echo/json/'，function（）{
$（this.fadeIn（'slow'）；
});
});
}, 3000);

您必须理解并使用AJAX。如果你只是在客户端生成一个密码，你应该使用JavaScript来实现。看这里：我仍然在努力解决这个问题。但是我需要重新加载div，它里面有php查询。你能帮我用div中的php代码来实现这一点吗。

 <script>
 var auto_refresh = setInterval(function () {
$('.refresh').fadeOut('slow', function() {
    $(this).load('/echo/json/', function() {
        $(this).fadeIn('slow');
    });
});
}, 3000);
</script>