Question

单击以在div选项卡中加载jsp文件而不重新加载页面。通过Ajax与jQuery。我在urltarget中获得了网址。但它不适用于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

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

});

Answer 2

您需要预先设定默认操作。您必须编写dataType：'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);}
   });

});

我试图通过Ajax调用JSP来覆盖div标签？

2 个答案: