jquery+ajax

[heyulin0416]

<script type="text/javascript" >
function post()
{
	var text;
	 text = document.getElementById('textarea').value; //获取textarea的值
//document.getElementById("myDiv").innerHTML=text;
var xmlhttp;    
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
   document.getElementById("mainDiv").innerHTML=xmlhttp.responseText;
   document.getElementById("myDiv").innerHTML="发布成功";
   //setTimeout(function(){document.getElementById("myDiv").innerHTML="<br>";},2500);
  
/* $(document).ready(function(){
		  $("#button").bind("click",function(){
			  $("#myDiv").fadeOut("3000");
		  });
		});
*/

    }
  }
xmlhttp.open("POST","post.jsp",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
text = encodeURI(text);
text = encodeURI(text);
xmlhttp.send("utext="+text);
}
</script>


<script>

	$(document).ready(function(){
		  $("#button").bind("click",function(){
			  $("#myDiv").fadeOut("3000");
		  });
		});
</script>

<input id="button" value="发布 " type="button" onclick="post();">

为什么点button myDiv只显示一次就不显示了呢
如果把中间那段注释取消 把下面的js注释掉 就需要按2次myDiv才会淡出 而且在点button也不会显示了

[clark_kidd]

为什么点button myDiv只显示一次就不显示了呢 你对button绑定了click事件，点击发生myDiv fadeOut（淡出消失），点一下button，myDiv就会消失。“只显示一次是什么意思”？老兄能整理谓语逻辑吗？搞不明白你表达的意思 如果把中间那段注释取消 把下面的js注释掉 就需要按2次myDiv才会淡出 第一次点击，会执行post()，执行post()时，你才绑定了新事件 fadeOut，所以，第一次点击时，div不会消失的 第二次点击，会执行post()，并执行 fadeOut的代码，并且，又再一次绑定了一个新事件，fadeOut 第三次点击，会执行post()，并执行两次 fadeOut 的代码，并且，又再绑定 理解没？ 而且在点button也不会显示了 这句话能整理一下逻辑吗？button 根本就没消失过，不会显示什么？

[clark_kidd]

请问楼主是印度人吗？

[heyulin0416]

引用

为什么点button myDiv只显示一次就不显示了呢 你对button绑定了click事件，点击发生myDiv fadeOut（淡出消失），点一下button，myDiv就会消失。“只显示一次是什么意思”？老兄能整理谓语逻辑吗？搞不明白你表达的意思

第一次点button myDiv淡出消失 再次点button时 执行post()预想是又会对myDiv赋值 并且再次淡出 不过实际执行的时候myDiv根本没有显示

[信智诚承]

<script type="text/javascript" >
    $(document).ready(function(){
          $("#button").bind("click",function(){
              var text = $('#textarea').val();
              $("#myDiv").text("数据提交中..").show();
              $.ajax({
                  type: "POST",
                  url: "post.jsp",
                  data: { utext: text },
                  success: function(msg){
                      $("#mainDiv").html(msg);
                      $("#myDiv").text("发布成功").fadeOut("3000");
                  }
              });
          });
        });
</script>

<input id="button" value="发布 " type="button">

[heyulin0416]

求达人帮帮忙啊