ajax如何實現(xiàn)頁面局部跳轉與結果返回
通過代碼示例分析給大家介紹ajax實現(xiàn)頁面局部跳轉與結果返回，具體內容如下：
1、帶有結果返回的提交過程
這里用一個提交按鈕來演示，HTML代碼為：
<input type="button" class="btn" value="提報" name="submit4" onClick="tibao();">
點擊提報按鈕后，通過ajax來實現(xiàn)跳轉到action中處理，JavaScript代碼為：
function tibao(){
var id='';
var URL = <select:link page="/smokeplan.do?method=Tibao&idset="/>+id;
$.ajax({url: URL,
type: 'GET',
success: function(result) {
alert(result);
}
});
}
action處理完成后，將返回的結果放到result中，在頁面彈出提示信息；當然這里的action跳轉是需要配置xml的。
后臺Java類處理過程為：
//提報
public void Tibao(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) throws Exception {
String idset=request.getParameter("idset");
CallHelper helper = initializeCallHelper("L_SmokeBoxtibaoWLDan", form,request, false);
helper.setParam("bill_ids",idset);
helper.setParam("personid",getPersonId(request));
helper.execute();
PrintWriter write = response.getWriter();
write.print(helper.getOutput("message"));
write.close();
}
這里是通過一個sql語句對數(shù)據(jù)進行處理，返回一個message，并將信息打印到頁面；
這里做的操作的結果是反映到response對應的位置，于是拿到屬于response的流，而不是new一個出來。
也就是說我從那里跳轉過來的，我這個信息就會返回到那里去。所以在js中就可以用result進行接收這個返回結果，并且用alert提示。
使用AJAX如何實現(xiàn)頁面跳轉
示例代碼如下：
項目當中采用了ajaxAnywhere框架來實現(xiàn)ajax,效果不錯,并且容易實現(xiàn),但現(xiàn)在問題是即使頁面實現(xiàn)了效果,業(yè)務上還需要提交表單,在這種情況下,即使點擊提交后,它仍然會刷新你定義好的zone區(qū)域,這個時候,如果單純的提交表單就不夠了,我采取的方案是:
利用js這個強大的BS項目開發(fā)工具,自定義一個函數(shù)來解決上述問題:
function doGuahao()
{
if(checkdata())
{
if(document.form1.result_flag.value=="0")
{
return false;
}
else
{
if(document.form1.checktype.value=="danganhao")
{
form1.action = "<%=formAction%>";
form1.submit();
}
if(document.form1.checktype.value=="xingming")
{
form1.action = parent.left.url2;
form1.submit();
}
if(document.form1.checktype.value=="shenfenzheng")
{
form1.action = "<%=formAction%>";
form1.submit();
}
}
}
}
以上內容就是本文介紹ajax如何實現(xiàn)頁面局部跳轉與結果返回的全部內容，希望大家喜歡。
相關文章
這篇文章主要源碼解讀了Bootstrap按鈕，介紹了Bootstrap各式各樣的按鈕,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
js實現(xiàn)數(shù)據(jù)雙向綁定(訪問器監(jiān)聽)
這篇文章主要為大家詳細介紹了采用訪問器監(jiān)聽的方式實現(xiàn)簡單數(shù)據(jù)雙向綁定，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
javascript 彈出窗口中是否顯示地址欄的實現(xiàn)代碼
程序中通過點擊一個“發(fā)貨提醒”鏈接彈出另一個窗口，使用的方法是用javascript 的openUrl()方法。2011-04-04
排序有內部排序和外部排序，內部排序是數(shù)據(jù)記錄在內存中進行排序，而外部排序是因排序的數(shù)據(jù)很大，一次不能容納全部的排序記錄，在排序過程中需要訪問外存。我們這里說說八大排序就是內部排序。2015-04-04
javascript實現(xiàn)根據(jù)身份證號讀取相關信息
這篇文章主要介紹了javascript實現(xiàn)根據(jù)身份證號讀取相關信息,需要的朋友可以參考下2014-12-12
javascript:void(0)?是一個常見的用法,通常用于創(chuàng)建一個空操作或者防止頁面跳轉,本文主要介紹了javascript:void(0)用法及常見問題解析,具有一定的參考價值,感興趣的可以了解一下2024-06-06
關于在IE下的一個安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標位置
本篇文章小編將為大家介紹，關于在IE下的一個安全BUG --可用于跟蹤用戶的系統(tǒng)鼠標位置。需要的朋友可以參考一下2013-04-04
在前端程序開發(fā)中，經(jīng)常會實現(xiàn)js輪播圖的效果，怎么實現(xiàn)的呢？下面小編給大家分享基于基于JavaScript實現(xiàn)輪播圖代碼 ，非常不錯，感興趣的朋友可以參考下2016-07-07
JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果示例
這篇文章主要介紹了JS實現(xiàn)頭條新聞的經(jīng)典輪播圖效果,涉及javascript圖片輪播切換相關實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了javascript伸縮菜單欄實現(xiàn)代碼，點擊標題顯示下級菜單，節(jié)約了空間，使頁面排版更加緊湊，感興趣的小伙伴們可以參考一下2015-11-11