在主页上,有一个<div>
与ID - "search_result"
显示所有的搜索结果。搜索结果是通过ajax调用加载的。结果(子页面)直接放入div
。负载阿贾克斯导致主(父)页面的DIV
在子页面,我能赶上click事件,做一套ajax
呼叫接受的结果。我想将结果加载回主页的div
"search_result"
。我不能。
这里是主要页面的部分HTML。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<title>search</title>
......
</head>
<body>
......
<div id="search_results"></div>
</body>
</html>
这是装入"search_results"
div
子页面的内容。
<script>
$(document).ready(function() {
$("#update_op").click(function(event){
event.preventDefault();
var link = $(this).attr("href");
// Ajax here
$.ajax({
type: "POST",
url: link,
dataType: "json",
success:function(data) {
$("#search_results").html(data);
}
});
return false; // for good measure
});
});
</script>
<div class="div_table">
<div id="item_row_4" class="div_row">
<div class="div_cell">
<a id="update_op" class="update_op op" href="http://abc/bk/v/show-update/id/4">update</a>
</div>
</div>
</div>
$("#search_results").html(data);
此行未加载我收到的结果。
解决方法:将dataType更改为html并且它有效。
也许你想改变'的dataType :“html”'或'dataType:“text”'?将一个JSON对象追加到一个div没有多大意义。 – dave 2014-08-29 22:19:54
看起来像是我的错。我将其更改为html。似乎现在工作。 – 2014-08-29 22:43:46