问

javascript - jQuery ajax 我弄了个小实验

我是爱琴白痴_935 发布于 2022-11-12 07:32

function

学习中,所以自己瞎做实验...

function ajaxSend_global(event, xhr, settings) 
{
    $("#info").append("i am ajaxSend_global @ global ...
");
    $("#info").append("
结果搜索中...");
    $("#info").append("
");
}

就是这个结果搜索中... 是个静态提示..
怎么做成动态的?
我改成下面那个,就成了个死循环了,怎么让这个结果搜索中一直变?

function ajaxSend_global(event, xhr, settings) 
{
    $("#info").append("i am ajaxSend_global @ global ...
");
    $("#info").append("
");
    $("#info").append("
");
    
    
    i=0;
    while (xhr.status!=200)
    {
        $("#time").text( '结果搜索中...' +i );
        i++;
    }

}

5 个回答

你想要的是加载的过程中想显示类似等待中1［2，3，4，5...］，是么？
你用while是没有什么意义的，如果是每隔1s变动一次，while是无法控制时间的，基本上是瞬间完成。
建议：
```
var i = 0;
var timer = setInterval(function(){
    $("#time").text( '结果搜索中...' + (++i) );
}, 1000)
```
当成功时清除定时器即可
2022-11-12 10:59 回答

ll66068ll你

你想要的效果，就是动态显示出ajax的状态吧。那可以看这个：

function getJson() {
    var sUrl,
        jData = {};

    jData['id'] = id;

    $('.textStatus').html('提交中');

    $.ajax({
        type: 'post',
        url: sUrl,
        data: jData,
        async: true,
        dataType: 'json',
        success: function (m) {
            $('.textStatus').html('提交成功');
        },
        error: function(xhr, status, error) {
            $('.textStatus').html('提交失败');
        }
    });
};

三个状态一一对应，其中error的部分，推荐可以稍微深入了解一下。

2022-11-12 10:59 回答

StormyXin

用setinterval吧，你看下这个链接了解下http://www.cnblogs.com/lmfeng/archive/2011/06/24/2089237.html

2022-11-12 10:59 回答

笨蚂蚁88
可以使用定时器。但是不要使用while。

2022-11-12 10:59 回答

Q小泓别_431

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p id="info"></p>

<script src="jquery-2.1.4.min.js?1.2.1"></script>
<script>
    ajaxSend_global('shehe',4000,'heeh');
    function ajaxSend_global(event, xhr, settings) {
        $ ("#info").append ("<p><b>i am ajaxSend_global @ global ...</b><p>");
        $ ("#info").append ("<p id='time'></p>");
        $ ("#info").append ("</br>");


        var i=0,intervalId;
        if(xhr.status!=200){
            intervalId = setInterval(function () {
                $("#time").text('结果搜索中...' + (++i));
            },1000);
        }else {
            clearInterval(intervalId);
        }
    }
</script>
</body>
</html>

2022-11-12 10:59 回答

Lv嘉文_246

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签