javascript - jQuery ajax 我弄了个小实验
本文介绍了javascript - jQuery ajax 我弄了个小实验的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
学习中,所以自己瞎做实验...
function ajaxSend_global(event, xhr, settings)
{
$("#info").append("<div><b>i am ajaxSend_global @ global ...</b><div>");
$("#info").append("<div id='time'>结果搜索中...</div>");
$("#info").append("</br>");
}
就是这个 结果搜索中... 是个静态提示..
怎么做成动态的?
我改成下面那个,就成了个死循环了,怎么让这个结果搜索中一直变?
function ajaxSend_global(event, xhr, settings)
{
$("#info").append("<div><b>i am ajaxSend_global @ global ...</b><div>");
$("#info").append("<div id='time'></div>");
$("#info").append("</br>");
i=0;
while (xhr.status!=200)
{
$("#time").text( '结果搜索中...' +i );
i++;
}
}
解决方案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="info"></div>
<script src="jquery-2.1.4.min.js"></script>
<script>
ajaxSend_global('shehe',4000,'heeh');
function ajaxSend_global(event, xhr, settings) {
$ ("#info").append ("<div><b>i am ajaxSend_global @ global ...</b><div>");
$ ("#info").append ("<div id='time'></div>");
$ ("#info").append ("</br>");
var i=0,intervalId;
if(xhr.status!=200){
intervalId = setInterval(function () {
$("#time").text('结果搜索中...' + (++i));
},1000);
}else {
clearInterval(intervalId);
}
}
</script>
</body>
</html>
这篇关于javascript - jQuery ajax 我弄了个小实验的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文