Rumah > hujung hadapan web > tutorial js > Cara melaksanakan lompat halaman separa dan pulangan hasil dengan kemahiran ajax_javascript

Cara melaksanakan lompat halaman separa dan pulangan hasil dengan kemahiran ajax_javascript

WBOY
Lepaskan: 2016-05-16 15:43:13
asal
1207 orang telah melayarinya

Melalui analisis sampel kod, saya akan memperkenalkan kepada anda pelaksanaan ajax untuk melaksanakan lompatan halaman separa dan pulangan hasil Kandungan khusus adalah seperti berikut:

1. Proses penyerahan dengan pulangan keputusan

Berikut ialah butang hantar untuk ditunjukkan, kod HTML ialah:

<input type="button" class="btn" value="提报" name="submit4" onClick="tibao();">
Salin selepas log masuk

Selepas mengklik butang laporan, lompat ke tindakan untuk memproses melalui ajax Kod JavaScript ialah:

function tibao(){
var id='';
var URL = <select:link page="/smokeplan.do&#63;method=Tibao&idset="/>+id;
  $.ajax({url: URL, 
      type: 'GET',
      success: function(result) {
           alert(result);
        }
  });
}
Salin selepas log masuk

Selepas pemprosesan tindakan selesai, hasil yang dikembalikan akan diletakkan dalam keputusan, dan mesej segera akan muncul pada halaman, sudah tentu, lompatan tindakan di sini perlu dikonfigurasikan dengan xml.

Proses pemprosesan kelas Java latar belakang ialah:

//提报
    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();
    }
Salin selepas log masuk

Di sini, data diproses melalui pernyataan sql, mesej dikembalikan, dan maklumat dicetak ke halaman

Hasil operasi yang dilakukan di sini dicerminkan pada kedudukan yang sepadan dengan respons, jadi aliran kepunyaan respons diperoleh bukannya yang baharu.

Maksudnya, jika saya melompat dari sana, maklumat saya akan dikembalikan ke sana. Jadi dalam js, anda boleh menggunakan hasil untuk menerima hasil yang dikembalikan, dan gunakan amaran untuk menggesa.

Cara menggunakan AJAX untuk mencapai lompat halaman

Kod sampel adalah seperti berikut:

Rangka kerja ajaxAnywhere digunakan dalam projek untuk melaksanakan ajax Kesannya adalah baik dan mudah untuk dilaksanakan tetapi masalahnya sekarang ialah walaupun halaman itu mencapai kesan, perniagaan masih perlu menyerahkan borang , walaupun selepas mengklik hantar, ia masih Zon yang anda tentukan akan dimuat semula Pada masa ini, hanya menghantar borang tidak mencukupi

Gunakan js, alat pembangunan projek BS yang berkuasa, untuk menyesuaikan fungsi untuk menyelesaikan masalah di atas:


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();
  }
 }
 } 
}
Salin selepas log masuk
Kandungan di atas ialah keseluruhan kandungan artikel ini yang memperkenalkan cara ajax melaksanakan lompatan halaman separa dan hasil pulangan saya harap anda menyukainya.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan