Après avoir cliqué sur le bouton de rapport, passez au traitement des actions via ajax, JavaScr"/> Après avoir cliqué sur le bouton de rapport, passez au traitement des actions via ajax, JavaScr">

Maison  >  Article  >  interface Web  >  Saut partiel de la page du didacticiel Ajax et retour du résultat

Saut partiel de la page du didacticiel Ajax et retour du résultat

巴扎黑
巴扎黑original
2017-08-21 10:23:431305parcourir


Je vais présenter ajax pour réaliser un saut de page partiel et un retour de résultat via l'analyse d'un exemple de code. Le contenu spécifique est le suivant :

1. return Le processus

est illustré ici avec un bouton de soumission. Le code HTML est :

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

Après avoir cliqué sur le bouton de rapport, il passe à l'action pour le traitement via ajax. Le code JavaScript pour :

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);
        }
  });}

Une fois le traitement de l'action terminé, le résultat renvoyé sera placé dans le résultat et un message d'invite apparaîtra sur la page, bien sûr, le saut d'action ici est nécessaire ; à configurer avec XML.

Le processus de traitement de la classe Java en arrière-plan est :

//提报
    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();    }

Ici, les données sont traitées via une instruction SQL, un message est renvoyé et les informations sont imprimées à la page;

Le résultat de l'opération effectuée ici est reflété à la position correspondant à la réponse, donc le flux appartenant à la réponse est obtenu au lieu d'un nouveau.

C'est-à-dire que d'où je suis parti, mes informations y seront restituées. Ainsi, dans js, vous pouvez utiliser result pour recevoir le résultat renvoyé et utiliser alert pour inviter.

Comment utiliser AJAX pour implémenter le saut de page

L'exemple de code est le suivant :

Le framework ajaxAnywhere est utilisé dans le projet pour implémenter ajax , ce qui est efficace et facile à mettre en œuvre, mais le problème est maintenant que même si la page produit l'effet, l'entreprise doit toujours soumettre le formulaire. Dans ce cas, même après avoir cliqué sur Soumettre, elle actualisera toujours la zone que vous avez définie. cette fois, si vous soumettez simplement le formulaire Ce n'est pas suffisant, la solution que j'ai adoptée est :

Utilisez js, un puissant outil de développement de projets BS, pour personnaliser une fonction afin de résoudre le problème ci-dessus :

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();
  }
 }
 } }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn