gpt4 book ai didi

javascript - Ajax 调用时的 "Waiting for response"消息

转载 作者:行者123 更新时间:2023-11-30 18:43:48 26 4
gpt4 key购买 nike

当我在 HEAD 部分使用 Ajax call(jquery) 时,我在带有旋转圆圈的 chrome 浏览器上发现“等待响应消息”。我不想要这种丑陋的样子。有办法避免这种情况吗?


PS:当我使用输入标签调用 JavaScript(Ajax 调用)函数时,如

<input id="launcher" type="button" onfocus="go()" value="Go!"></input>

我看不到等待圈。因为我的程序应该自动调用函数我不能使用这个方法。(如果我使用 document.getElementById("launcher").focus() 自动启动函数,它再次显示等待圈.) 我想调用 JavaScript 函数有一些不同的上下文。

更新这是我的示例代码

<HEAD>
<SCRIPT TYPE="text/javascript">
function go() {
$.ajax({
url: "/myService",
success: function(data){
document.getElementById("result_area").innerHTML = data;
go();
}
});
}
$(document).ready(function(){
go() //Here I want to Comet call;
});
go(); //should start automatically.
</SCRIPT>
</HEAD>
<BODY>
<!-- <input id="launcher" type="button" onfocus="go()" value="Go!"></input>
This doesn't show the waiting circle. Why? Use different call context? -->
<div id="result_area"></div>
</BODY>

最佳答案

有一些问题我想强调一下

<input id="launcher" type="button" onfocus="go()" value="Go!"></input>

应该是

<input  type="button" id="launcher" value="Go!" />

然后

  • 如果你想要一个图像而不是文本,那么在表单前放置一个 div 并使用 display:none
  • ajax 调用中,您没有编写带有扩展名的 url 链接(.php.html.js )

  • 成功:您再次调用 go() , 这闻起来像递归函数

  • 你向服务器发送了什么数据?? 数据: ajax 选项中缺少
  • 同时提及数据类型(可选)
  • 如果你不想自动运行 ajax,那么在某些事件上执行它(就像我在点击时所做的那样)
  • 装订准备好文件
  • 在 head 中编写 javascript 代码(最好在 </body> 之前编写)

我尽力告诉你基本的,这是我的方式

HTML

<div id="waiting" style="display: none;">
<img src="images/ajax-loader.gif" title="Loader" alt="Loader" />
</div>
<form>
// here is your form
</form>

jQuery
<SCRIPT TYPE="text/javascript">
$(document).ready(function(){
$('#waiting').show(500);
// instead run automatically now it will work on click of button
$('#launcher').click( function () {
$.ajax({
url: "/myService.html", // or whatever page
// by the way where is data which you sent on server??
data: { email : $('#email').val() }, // like i send the email to the serever
dataType : "json",
async : false,
success: function(data){
$('#waiting').hide();
$("#result_area").html(data);
}
});
});
})

关于javascript - Ajax 调用时的 "Waiting for response"消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6067771/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com