快捷導(dǎo)航

ajax如何實(shí)現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回

更新時(shí)間：2015年08月24日 11:20:53 作者：HalfWater

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)，通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新，本篇文章給大家介紹ajax如何實(shí)現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回，感興趣的朋友一起來學(xué)習(xí)

通過代碼示例分析給大家介紹ajax實(shí)現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回，具體內(nèi)容如下：

1、帶有結(jié)果返回的提交過程

這里用一個(gè)提交按鈕來演示，HTML代碼為：

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

點(diǎn)擊提報(bào)按鈕后，通過ajax來實(shí)現(xiàn)跳轉(zhuǎ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處理完成后，將返回的結(jié)果放到result中，在頁面彈出提示信息；當(dāng)然這里的action跳轉(zhuǎn)是需要配置xml的。

后臺(tái)Java類處理過程為：

//提報(bào)
    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();
    }

這里是通過一個(gè)sql語句對(duì)數(shù)據(jù)進(jìn)行處理，返回一個(gè)message，并將信息打印到頁面；

這里做的操作的結(jié)果是反映到response對(duì)應(yīng)的位置，于是拿到屬于response的流，而不是new一個(gè)出來。

也就是說我從那里跳轉(zhuǎn)過來的，我這個(gè)信息就會(huì)返回到那里去。所以在js中就可以用result進(jìn)行接收這個(gè)返回結(jié)果，并且用alert提示。

使用AJAX如何實(shí)現(xiàn)頁面跳轉(zhuǎn)

示例代碼如下：

項(xiàng)目當(dāng)中采用了ajaxAnywhere框架來實(shí)現(xiàn)ajax,效果不錯(cuò),并且容易實(shí)現(xiàn),但現(xiàn)在問題是即使頁面實(shí)現(xiàn)了效果,業(yè)務(wù)上還需要提交表單,在這種情況下,即使點(diǎn)擊提交后,它仍然會(huì)刷新你定義好的zone區(qū)域,這個(gè)時(shí)候,如果單純的提交表單就不夠了,我采取的方案是:

利用js這個(gè)強(qiáng)大的BS項(xiàng)目開發(fā)工具,自定義一個(gè)函數(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();
  }
 }
 } 
}

以上內(nèi)容就是本文介紹ajax如何實(shí)現(xiàn)頁面局部跳轉(zhuǎn)與結(jié)果返回的全部?jī)?nèi)容，希望大家喜歡。

您可能感興趣的文章: