我的标签定义:
<html>
<head>
</head>
<body>
<ul class="nav nav-tabs" id="rcg-tabs">
<li><a href="#tasks" data-toggle="tab">Tasks</a></li>
<li><a href="#canon-input" data-toggle="tab">Canonicalization</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tasks">
<table title="Job Names" class="table table-bordered table-striped table-hover table-condensed">
<tr>
<th>Name</th>
<th>Description</th>
<th>Execution Count</th>
<th>Launchable</th>
<th>Incrementable</th>
</tr>
<#list jobs as job>
<tr>
<#assign job_url><@spring.url relativeUrl="${servletPath}/jobs/${job.name}"/></#assign>
<td><a href="${job_url}">${job.name}</a></td>
<td><@spring.messageText code="${job.name}.description" text="No description"/></td>
<td>${job.executionCount}</td>
<td><#if job.launchable??>${job.launchable?string}<#else>?</#if></td>
<td><#if job.incrementable??>${job.incrementable?string}<#else>?</#if></td>
</tr>
</#list>
</table>
</div>
<div class="tab-pane" id="canon-input">
<s:if test="hasFieldErrors()">
<div class="alert alert-danger">
<s:fielderror theme="bootstrap"/>
</div>
</s:if>
<s:form action="canonicalize-logs" enctype="multipart/form-data" method="post"
theme="bootstrap" cssClass="form-horizontal form-canon" validate="true">
<!--
<s:fielderror fieldName="canonicalizationDate" theme="bootstrap"/>
-->
<div class="form-group input-group" id="canonicalizeDate">
<label for="canonicalizationDate">Date</label>
<input type="text" id="canonicalizationDate"
name="canonicalizationDate" placeholder="mm/dd/yyyy"
class="form-control datepicker"/>
</div>
<!--
<s:fielderror fieldName="canonicalizationHour" theme="bootstrap"/>
-->
<div class="form-group input-group">
<label for="canonicalizationHour">Hour</label>
<select class="form-control" name="canonicalizationHour" id="canonicalizationHour">
<option value="-1">Select Hour</option>
<s:iterator var="hour" begin="0" end="%{dayHours}">
<option value="<s:property/>"><s:property value="#hour"/></option>
</s:iterator>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-lg btn-primary">Canonicalize Logs</button>
</div>
</s:form>
</div>
</div>
</body>
</html>
这将呈现选项卡,如下面的屏幕截图所示(为简洁起见,我删除了状态选项卡的代码):
当我单击超链接 initialCanonJob 时,我想进行 AJAX 调用,然后将 AJAX 调用中的 html 内容加载回同一选项卡中(必须删除表)。如何从链接中获取选项卡对象,然后从选项卡 html 中的 AJAX 调用填充数据?
$('a').click(function (event){
event.preventDefault();
var jobUrl = "" + $(this).attr('href') + "";
$.ajax({
type: "GET",
url : jobUrl,
error: function (data) {
console.log("Error occurred when retrieving job executions");
},
success: function (data) {
//how to get the tab object and populate data?
alert(data);
}
});
});