Question

<div id="user">username1</div>
<script language="javascript">
$('.button').live('click',function(){ 
    $("#user").html('<img src="loading.gif">');
    $.ajax({
         type: "POST",
         url: "getuserid.php",
         data: "userid="+userid,
         success: function(html){
              $("#user").append(html);
              alert(html);
         }
    });  
});
</script>

我有几个带按钮类的按钮在我点击.button类的按钮之后，我看到附加数据到#user（从服务器返回）但是在点击提醒消息后，“＃user”中的数据支持第一个值“username1”。为什么？如果我删除警报（HTML）我根本看不到附加数据。

Answer 1

我们只能猜测，因为您没有提供太多代码，但可能您的.button元素是实际的HTML <button />（或更糟糕的是，<input type="button" />）并且可能导致您的网页正在刷新。

使用preventDefault停止此行为：

$('.button').live('click',function(e){  
    $("#user").html('<img src="loading.gif">');
    $.ajax(.....);
    e.preventDefault();
 });

成功后功能div值回到第一个值

1 个答案: