Heim > Web-Frontend > js-Tutorial > So implementieren Sie einen teilweisen Seitensprung und eine Ergebnisrückgabe mit Ajax_Javascript-Kenntnissen

So implementieren Sie einen teilweisen Seitensprung und eine Ergebnisrückgabe mit Ajax_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:43:13
Original
1198 Leute haben es durchsucht

Durch eine Codebeispielanalyse werde ich Ihnen die Implementierung von Ajax zur Implementierung partieller Seitensprünge und Ergebnisrückgaben vorstellen. Der spezifische Inhalt ist wie folgt:

1. Einreichungsprozess mit Ergebnisrückgabe

Hier ist eine Schaltfläche zum Senden zur Veranschaulichung. Der HTML-Code lautet:

<input type="button" class="btn" value="提报" name="submit4" onClick="tibao();">
Nach dem Login kopieren

Nachdem Sie auf die Schaltfläche „Bericht“ geklickt haben, springen Sie zur Aktion zur Verarbeitung über Ajax. Der JavaScript-Code lautet:

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);
        }
  });
}
Nach dem Login kopieren

Nachdem die Aktionsverarbeitung abgeschlossen ist, wird das zurückgegebene Ergebnis in das Ergebnis eingefügt und eine Eingabeaufforderungsmeldung wird auf der Seite angezeigt. Der Aktionssprung muss hier natürlich mit XML konfiguriert werden.

Der Java-Klassenverarbeitungsprozess im Hintergrund ist:

//提报
    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();
    }
Nach dem Login kopieren

Hier werden die Daten über eine SQL-Anweisung verarbeitet, eine Nachricht zurückgegeben und die Informationen auf der Seite gedruckt

Das Ergebnis der hier durchgeführten Operation wird an der der Antwort entsprechenden Position widergespiegelt, sodass der zur Antwort gehörende Stream anstelle eines neuen erhalten wird.

Das heißt, wenn ich von dort springe, werden meine Informationen dorthin zurückgegeben. In js können Sie also „result“ verwenden, um das zurückgegebene Ergebnis zu empfangen, und „alert“ als Eingabeaufforderung verwenden.

So verwenden Sie AJAX, um einen Seitensprung zu erreichen

Der Beispielcode lautet wie folgt:

Das Ajax-Framework wird im Projekt verwendet. Der Effekt ist gut und einfach zu implementieren. Das Problem besteht jedoch darin, dass das Unternehmen das Formular trotzdem einreichen muss Auch nachdem Sie auf „Senden“ geklickt haben, wird die von Ihnen definierte Zone aktualisiert. Zu diesem Zeitpunkt reicht es nicht aus, das Formular einfach abzuschicken. Die Lösung, die ich gewählt habe, ist:

Verwenden Sie js, ein leistungsstarkes BS-Projektentwicklungstool, um eine Funktion anzupassen, um die oben genannten Probleme zu lösen:

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();
  }
 }
 } 
}
Nach dem Login kopieren

Der obige Inhalt ist der gesamte Inhalt dieses Artikels, in dem erläutert wird, wie Ajax Teilseitensprünge und Ergebnisrückgaben implementiert. Ich hoffe, er gefällt Ihnen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage