javascript - jQuery ajax 我弄了个小实验-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - jQuery ajax 我弄了个小实验

迷茫 2017-04-11 11:32:45

[JavaScript讨论组]

747

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

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>");
}

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

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>");
    
    
    i=0;
    while (xhr.status!=200)
    {
        $("#time").text( '结果搜索中...' +i );
        i++;
    }

}

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(5)

PHPz2017-04-11 11:34:45 5楼

<!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"></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>

赞 +0

添加回复

怪我咯2017-04-11 11:34:45 4楼

可以使用定时器。但是不要使用while。

赞 +0

添加回复

PHP中文网2017-04-11 11:34:45 3楼

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

赞 +0

添加回复

ringa_lee2017-04-11 11:34:45 2楼

你想要的效果，就是动态显示出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的部分，推荐可以稍微深入了解一下。

赞 +0

添加回复

巴扎黑2017-04-11 11:34:45 1楼

你想要的是加载的过程中想显示类似等待中1［2，3，4，5...］，是么？
你用while是没有什么意义的，如果是每隔1s变动一次，while是无法控制时间的，基本上是瞬间完成。
建议：

var i = 0;
var timer = setInterval(function(){
    $("#time").text( '结果搜索中...' + (++i) );
}, 1000)

当成功时清除定时器即可

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>