3

XML を返す小さな ajax jquery スクリプトがあります。それが動作し、サーバーと通信している間、ローダーのアニメーションを表示しています。

問題は、アニメーションが表示されないことです。何か間違ったことをしたか、ネットワーク接続が非常に高速です。

私のajaxコードに遅延を導入してプロセスを遅くし、アニメーション機能をテストする方法を知っている人はいますか?

ありがとうございました。

ps: 念のため、ajax コードを以下に示します。

function fetchData($nodeid, $area){
    if( $nodeid != $currentRoomId ){
        popupBox($area);//$area, $roomInfo);
    }

        var $nid, $title, $classroom, $boardroom, $cabaret;
        $.ajax({

            url: "/room/" + $nodeid + "/rss.xml",
            dataType: "xml",
            success: function($xml){

                $returnXML  =   $xml;
                $($xml).find('node > *').each(
                    function(){

                        switch( $(this).attr('name') ){
                            case 'Nid':
                                $nid    =   $(this).text();
                            break;
                            case 'Title':
                                $title  =   $(this).text();
                            break;
                            case 'Classroom':
                                $classroom  =   $(this).text();
                            break;
                            case 'Boardroom':
                                $boardroom  =   $(this).text();
                            break;
                            case 'Cabaret':
                                $cabaret    =   $(this).text();
                            break;
                            case 'Theatre':
                                $theatre    =   $(this).text();
                            break;
                            case 'Notes':
                                $notes  =   $(this).text();
                            break;
                            default:
                            break;
                        }//close switch statement
                    }
                );
                $roomInfo   =   new Array();
                $roomInfo.push('Title', $title);
                $roomInfo.push('Classroom', $classroom);
                $roomInfo.push('Boardroom', $boardroom);
                $roomInfo.push('Cabaret', $cabaret);
                $roomInfo.push('Theatre', $theatre);
                $roomInfo.push('Notes', $notes);
                highlightRow($nid);
                popupBox($area, $roomInfo);
            },
            statusCode: {
                200: function(){
                    //alert('responding just fine!');
                }
            },
            error: function(){
                //alert('Ajax not responding!');
            },
            complete: function(){
                //alert('completed!');
            }
        });
    }
4

3 に答える 3

2

setTimeoutを使用して遅延を導入できます。

于 2011-06-17T10:08:45.663 に答える
1

サーバー コードを制御できる場合は、クライアントで遅延を発生させるのではなく、サーバー コードに遅延を追加することで、サーバーの AJAX 応答を遅延させることができます。

于 2012-10-28T06:23:01.367 に答える
0

簡単な解決策は、ajax 呼び出しを if ブロック内に移動することです。成功/エラー時 - アニメーションを非表示にします。これは遅延をシミュレートしませんが、アニメーションが確実に表示されるようにします (ミリ秒であっても)。

于 2011-06-17T10:09:13.200 に答える