jquery中用ajax實現無刷新提交

要實現一個頁面無刷新請求跳轉的功能,在jsp點擊按鈕,而後跳轉到後臺action進行處理,並將處理結果顯示在jsp頁面上。html

jsp頁面中ajax代碼:java

function query(page){
	    var random=Math.random();
		$.ajax({
			url:"info.do?sign="+random,
			type:'post',
			data:{	
					'fundNameCode':encodeURI($("#fundNameCode").val()),
					'bulletinType':$("#bulletinType").val(),
					'beginDate':$("#beginDate").val(),
					'endDate':$("#endDate").val(),
					'page':page
			},
			success:function (data){
				$('#showMsg').html(data);
			}
		});
	}

info.do 是跳轉請求的action,通過action處理後,將結果data返回到要顯示的jsp,通常在jsp頁面上寫一個div,div的id就是上圖代碼中的 showMsg。jsp頁面經過struts2 標籤 展現ajax

jsp頁面顯示action中查詢的listdom

<s:iterator id="msg" value="#request.msglist" status="stu">  				 					
<li>
    ${msg.fundCode}&nbsp;${msg.FundName}&nbsp;<s:date name="bulletinDate" format="yyyy-MM-dd"/>	 
</li>		
</s:iterator>
相關文章
相關標籤/搜索