我试图通过Ajax调用JSP来覆盖div选项卡？

Question

点击加载jsp文件在div选项卡中，无需重新加载页面。通过Ajax与jQuery。 我在urltarget中收到了URL。但它不适用于Ajax。

$("#call_emp").click(function(){ 
var tabs = $("#tabscontainer"); 
var tabid=tabs.find('ul > li[aria-selected="true"]').attr('aria-controls'); 
alert(tabid); 
var urltarget = $("#call_emp").attr("href"); 
alert(urltarget); 

$.ajax({ 
    url: urltarget, 
    type: 'GET', 
    data: html, 
    success: function(data){$('#'+tabid).html(data);} 
}); 

}); 

Answer 1

您需要prenvet的默认操作。 相反的数据，你必须写数据类型：“HTML”

$("#call_emp").click(function(e){ 
    e.preventDefault(); 
    //rest of the code 
    var tabs = $("#tabscontainer"); 
    var tabid=tabs.find('ul > li[aria-selected="true"]').attr('aria-controls'); 
    alert(tabid); 
    var urltarget = $(this).attr("href"); 
    alert(urltarget); 

    $.ajax({ 
     url: urltarget, 
     type: 'GET', 
     dataType: 'html', 
     success: function(data){$('#'+tabid).html(data);} 
    }); 

}); 

Answer 2

html应该用引号括起来，它应该是dataType不data

$("#call_emp").click(function(){ 
var tabs = $("#tabscontainer"); 
var tabid=tabs.find('ul > li[aria-selected="true"]').attr('aria-controls'); 
alert(tabid); 
var urltarget = $("#call_emp").attr("href"); 
alert(urltarget); 

$.ajax({ 
    url: urltarget, 
    type: 'GET', 
    dataType: 'html', 
    //  ^^Here quotes is missing 
    success: function(data){$('#'+tabid).html(data);} 
}); 

});