Javascript图像提示

时间:2016-02-22 17:10:34

标签: javascript image timeout

美好的一天,我的代码出现问题,无法显示加载图片几秒钟,而POST代码进入数据库并提供反馈信息显示。



$("#poll_vote").click(function(){
var answer = $("input.panswer:checked").val();
var p_id = $("#p_id").val();

$("#poll_load").html("<tr><td align='center'><img src='/images/ajax/ajax4.gif'/></td></tr>");

  $.ajax({
  type: "POST",
  data: "action=poll_vote&p_id="+p_id+"&answer="+answer+"&module="+module+"",
  dataType: 'html',
  url: "/ajax.php",
  success: function(data)
  {

    $("#poll_content").html(data);

  }
  });


});
&#13;
&#13;
&#13;

我希望你的快速帮助,我是java的初学者,所以不能自己杀死它。

1 个答案:

答案 0 :(得分:0)

如果您想要的是创建一个延迟,那么加载动画显示(我相信...... mmm不同,我会继续...)

what you need is to set a timeout like so

setTimeout(function(){ alert("Hello"); }, 3000);

现在在您的代码中,该函数可以包含ajax调用:

$("#poll_vote").click(function(){
var answer = $("input.panswer:checked").val();
var p_id = $("#p_id").val();

$("#poll_load").html("<tr><td align='center'><img src='/images/ajax/ajax4.gif'/></td></tr>");

setTimeout(function(){
  $.ajax({
    type: "POST",
    data: "action=poll_vote&p_id="+p_id+"&answer="+answer+"&module="+module+"",
    dataType: 'html',
    url: "/ajax.php",
    success: function(data)
    {

       $("#poll_content").html(data);

    }
  });
}, 3000);
});

或者在成功函数内部,我认为这更好:

$("#poll_vote").click(function(){
var answer = $("input.panswer:checked").val();
var p_id = $("#p_id").val();

$("#poll_load").html("<tr><td align='center'><img src='/images/ajax/ajax4.gif'/></td></tr>");

$.ajax({
  type: "POST",
  data: "action=poll_vote&p_id="+p_id+"&answer="+answer+"&module="+module+"",
  dataType: 'html',
  url: "/ajax.php",
  success: function(data)
  {
       setTimeout(function(){$("#poll_content").html(data);}, 3000, data);

  }
});
});

我没有测试它,所以检查在第二种情况下是否可以在回调函数中看到数据(我应该认为......)

希望它有所帮助。