1. 程式人生 > >jquery ajax 頁面無重新整理修改DOM----Thinkphp

jquery ajax 頁面無重新整理修改DOM----Thinkphp

對應html

<li class="menu" id="alert_log"><a href="javascript:;">oracle alert日誌</a></li>
<li class="menu" id="ora_listener_log"><a href="javascript:;">oracle監聽日誌</a></li>

對應PHP Thinkphp只要有

$this->display ();

對應jQuery ajax

	// ajax無重新整理變更頁面container標籤---alert日誌
	$("#alert_log").click(function() {
		url = '/loganalyze/index.php/Home/Alertlog/index';
		htmlobj = $.ajax({
			url : url,
			async : false
		});
		$("#container").html(htmlobj.responseText);
	});

	// 監聽日誌頁碼 ajax無重新整理---alert日誌
	$("#page_nav_alert a").click(function() {
		var aa = $(this).attr("value");
		url = '/loganalyze/index.php/Home/Alertlog/index/page_id/' + aa;
		htmlobj = $.ajax({
			url : url,
			async : false
		});
		$("#container").html(htmlobj.responseText);
	});
htmlobj.responseText為返回頁面