<script>
$(document).ready(function() {
$("#search-form").submit(function(event) {
//stop submit the form, we will post it manually.
event.preventDefault();
fire_ajax_submit();
});
});
function fire_ajax_submit() {
/* $("#btn-search").attr("disabled","true"); */
var search = JSON.stringify({
/* KeyWord : $("#KeyWord").val(), */
/* Page : 3 */
});
$.ajax({
type : "GET",
/* contentType : "application/json",//发送数据为json格式 */
url : "/resume/queryList",
/* data : search, */
dataType : 'json',
cache : false,
timeout : 600000,
success : function(data) {
/* console.log("SUCCESS : ", data); */
for(var index in data){
var gender=data[index].gender;
var age=data[index].age;
var education_bachelor=data[index].education_bachelor;
var year_experience=data[index].year_experience;
var web_id=data[index].web_id;
var url=data[index].url;
var work=data[index].work;
var update_time=data[index].update_time;
var resume_from=data[index].resume_from;
var location=data[index].location;
var blank="_blank";
var html="<tr>";
html+="<th>"+gender+"</th>";
html+="<th>"+age+"</th>";
html+="<th>"+education_bachelor+"</th>";
html+="<th>"+work+"</th>";
html+="<th>"+year_experience+"</th>";
html+="<th>"+web_id+"</th>";
html+="<th>"+resume_from+"</th>";
html+="<th>"+update_time+"</th>";
html+="<td><a href="+location+" target="+blank+">查看简历</a></td>";
html+="</tr>"
$('#mytab').append(html);
}
/* var json = "<h4>Ajax Response</h4><pre>"
+ JSON.stringify(data, null, 5) +
"</pre>";
$('#feedback').html(json); 在页面上打印获取到的json */
},
error : function(e) {
var json = "<h4>Ajax Response</h4><pre>" + e.responseText
+ "</pre>";
$('#feedback').html(json);
console.log("ERROR : ", e);
}
});
}
$("#btn-search").removeAttr("disabled");
以下是表格,表格样式是bootstrop
$(document).ready(function() {
$("#search-form").submit(function(event) {
//stop submit the form, we will post it manually.
event.preventDefault();
fire_ajax_submit();
});
});
function fire_ajax_submit() {
/* $("#btn-search").attr("disabled","true"); */
var search = JSON.stringify({
/* KeyWord : $("#KeyWord").val(), */
/* Page : 3 */
});
$.ajax({
type : "GET",
/* contentType : "application/json",//发送数据为json格式 */
url : "/resume/queryList",
/* data : search, */
dataType : 'json',
cache : false,
timeout : 600000,
success : function(data) {
/* console.log("SUCCESS : ", data); */
for(var index in data){
var gender=data[index].gender;
var age=data[index].age;
var education_bachelor=data[index].education_bachelor;
var year_experience=data[index].year_experience;
var web_id=data[index].web_id;
var url=data[index].url;
var work=data[index].work;
var update_time=data[index].update_time;
var resume_from=data[index].resume_from;
var location=data[index].location;
var blank="_blank";
var html="<tr>";
html+="<th>"+gender+"</th>";
html+="<th>"+age+"</th>";
html+="<th>"+education_bachelor+"</th>";
html+="<th>"+work+"</th>";
html+="<th>"+year_experience+"</th>";
html+="<th>"+web_id+"</th>";
html+="<th>"+resume_from+"</th>";
html+="<th>"+update_time+"</th>";
html+="<td><a href="+location+" target="+blank+">查看简历</a></td>";
html+="</tr>"
$('#mytab').append(html);
}
/* var json = "<h4>Ajax Response</h4><pre>"
+ JSON.stringify(data, null, 5) +
"</pre>";
$('#feedback').html(json); 在页面上打印获取到的json */
},
error : function(e) {
var json = "<h4>Ajax Response</h4><pre>" + e.responseText
+ "</pre>";
$('#feedback').html(json);
console.log("ERROR : ", e);
}
});
}
$("#btn-search").removeAttr("disabled");
以下是表格,表格样式是bootstrop
<table class="table table-hover" id="mytab">
<tr align="center">
<th>性别</th>
<th>年龄</th>
<th>教育经历</th>
<th>工作经历</th>
<th>工作年限</th>
<th>WEB_ID</th>
<th>来自哪里</th>
<th>更新时间</th>
<td>下载</td>
</tr>
</table>