ajax如何?頁面局部跳轉與結果返回_javascript技巧

通過程式碼範例分析給大家介紹ajax實現頁面局部跳轉與結果返回，具體內容如下：

1、帶有結果返回的提交過程

這裡用一個提交按鈕來示範，HTML代碼為：

<input type="button" class="btn" value="提報" name="submit4" onClick="tibao();">

點擊提報按鈕後，通過ajax來實現跳轉到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語句對資料進行處理，返回一個message，並將資訊列印到頁面；

這裡做的操作的結果是反映到response對應的位置，於是拿到屬於response的流，而不是new一個出來。

也就是說我從那裡跳轉過來的，我這個資訊就會返回到那裡去。所以在js中就可以用result進行接收這個返回結果，並且用alert提示。

使用AJAX如何?頁面跳轉

範例程式碼如下：

項目當中採用了ajaxAnywhere架構來實現ajax,效果不錯,並且容易實現,但現在問題是即使頁面實現了效果,業務上還需要提交表單,在這種情況下,即使點擊提交後,它仍然會重新整理你定義好的zone地區,這個時候,如果單純的提交表單就不夠了,我採取的方案是:

 利用js這個強大的BS項目開發工具,自訂一個函數來解決上述問題:

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如何?頁面局部跳轉與結果返回的全部內容，希望大家喜歡。