0

このコードをローカルで試してみましたが、country_slide div の html ファイルの内容を表示できないようです。私はそれを少しいじってみましたが、役に立ちませんでした。コンテンツを配置する場所を ajax に実際に伝えるコードが見えないようです。

http://jsfiddle.net/spadez/uhEgG/23/

window.onload = function () {
    var a = document.getElementById("country_link");
    a.onclick = function () {
        $.ajax({
            type: 'GET',
            dataType: 'html',
            url: '/ajax/test.html',
            timeout: 5000,
            success: function (data, textStatus) {
                $("#country_slide").show();
                alert('request successful');
            },
            error: function (xhr, textStatus, errorThrown) {
                alert('request failed');
            }
        });
        return false;
    }
}
4

2 に答える 2

4

通常、.html 関数を使用してコンテンツを親要素に挿入します。

window.onload = function () {
    var a = document.getElementById("country_link");
    a.onclick = function () {
        $.ajax({
            type: 'GET',
            dataType: 'html',
            url: '/ajax/test.html',
            timeout: 5000,
            success: function (data, textStatus) {
                $("#country_slide").html(data);
                alert('request successful');
            },
            error: function (xhr, textStatus, errorThrown) {
                alert('request failed');
            }
        });
        return false;
    }
}

このようにして、スピナーを最初に親内に配置し、サーバーからコンテンツが返されたときに上書きすることができます

于 2013-06-05T23:23:31.113 に答える
1

beforeSendおよびメソッドを使用しcompleteて、読み込み中のシンボルを表示または非表示にすることができます

beforeSend : function() {
   $('.loader').show();
}, 
success: function (data, textStatus) {
    $("#country_slide").show();
    alert('request successful');
},
error: function (xhr, textStatus, errorThrown) {
    alert('request failed');
},
complete : function() {
   $('.loader').hide();
},
于 2013-06-05T23:23:46.397 に答える