JQuery的Ajax的HTML - 添加加載

我已經嘗試了本地代碼，我似乎無法得到它顯示在我的country_slide div的HTML文件的內容。我嘗試過玩一下都沒用。我似乎無法看到任何代碼實際上告訴ajax在哪裏放置內容。JQuery的Ajax的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").show(); 
       alert('request successful'); 
      }, 
      error: function (xhr, textStatus, errorThrown) { 
       alert('request failed'); 
      } 
     }); 
     return false; 
    } 
}

來源

2013-06-05 James Willson

這裏有兩個問題，看起來是這樣嗎？您是否嘗試顯示加載變量或試圖在請求完成時顯示結果數據？ –

你在混合和匹配JQuery，它不是無效的，但它很奇怪。你確定沒有發生Javascript錯誤嗎？ – pickypg

對不起我現在已經澄清了我的問題 –

我通常使用的.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-05 23:23:31 TGH

您可以使用beforeSend和complete方法來顯示或隱藏lo ading symbol

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-05 23:23:46

JQuery的Ajax的HTML - 添加加載

回答

相關問題