Comment inclure une page jsp à l'intérieur d'une autre page jsp à l'aide de javascript

J'ai un bouton de déconnexion. Une fois la déconnexion est cliqué, j'ai besoin d'afficher une autre page. Comment puis-je faire cela à l'aide de JavaScript? Quelqu'un peut-il m'aider?

Mon Code:

<s:form name="LogoutAction"
                id="LogoutAction" action="logout">
    <span class="inlayField2">
    <s:a href="logout" cssClass="planTabHeader" id="logoutId"> <img src="../../KY/images/common/header/lock.png" alt="logout" style="border: none;background-color: transparent;" /> &nbsp;Log out</s:a></span>
    </s:form>

J'ai essayé ceci:

$('#logoutId').click(function(event) {

    $('#logoutdiv').load('ConfirmationPopup.jsp');
});

alors, avez-vous face à n'importe quelle erreur?
pas de.Je n'obtiens pas d'erreur.La page n'est pas chargée
essayez de vérifier dans la console javascript.
comment about /ConfirmationPopup.jsp ??
J'ai essayé aussi.mais pas d'utilisation.

OriginalL'auteur mukund | 2013-04-23

Vous pouvez utiliser ajax pour obtenir le code html à partir de la 2ème jsp puis ajouter les DOM ou à l'innerHTML d'un élément.

Page Principale.jsp

<span id=confirmSpan></span>
<script language="Javascript">
function xmlhttpPost(strURL, queryStr) {
    var xmlHttpReq = false;
    var self = this;
    //Mozilla/Safari, opera etc
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    //IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        alert("no ajax")
        return
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepageConfirm(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(queryStr);
}


function updatepageConfirm(str){
    document.getElementById("confirmSpan").innerHTML = str;
}
function logout1(){
xmlhttpPost("confirm.html");//http://sel2in.com/pages/prog/html/ajax/confirm.html", "")
}
</script>
</head>
<body>
<form  id="search" action="/search" method="get">
<input type=button onclick=logout1() value=logout>
</form >

Exemple de page avec confirmation de code -> tout code html valide pour la div pourrait être
confirmer.jsp
Faire action ... Êtes-vous sûr?

//todo formulaire ici
html de la durée de l'/pop-up/script/css -> tout comme un iframe

Dirait que vous voulez une confirmation - une INTERFACE utilisateur demandant voulez-vous vraiment déconnecter?

Meilleur moyen pour cela serait de faire un vide span id "logoutConfirmSpan", puis sur cliquez de déconnexion, de faire de l'ajax (mode asynchrone -> false si il arrive inline) obtenir le code html et de le régler sur la innerHTML de la durée de

Le html doit être valide, telle qu'elle permet de l'INTERFACE utilisateur apparaissent et la forme pour vraiment déconnecter.

Voir Remplacer intérieure HTML d'un div avec Ajax réponse vous indique comment utiliser ajax avec jQuery

Exemple Simple:

Des extraits de code HTML

<span id = 'logoutConfirmSpan'> </span>
<script>
//call ajax, with the response call setHtmlForConfirm
function setHtmlForConfirm(req)
{
    document.getElementById('logoutConfirmSpan').innerHTML = req.responseText;
}
//req.responseText should have the html to show the confirm UI and form to submit yes/no
</script>

pourrais tu être un peu plus clair ou pourriez-vous me montrer un exemple depuis je n'ai aucune expérience avec ajax
Désolé, je ne m'vous
vous suggère d'aller à travers le stacktrace stackoverflow.com/a/14851734/1643558 vous demandez la même chose - voir la réponse. si vous voulez un peu de fond sur ajax voir quirksmode.org/blog/archives/2005/12/the_ajax_respon.html de la recherche pour "des bouts de code HTML"
Est-il possible de le faire sans l'aide d'ajax?
mais wat est req.responseText

OriginalL'auteur tgkprog

2

Vous ne pouvez pas include une JSP respone à un clic sur le côté client, parce que c'est une technologie côté serveur. Vous pouvez inclure le HTML souhaité dans la page avant d'être envoyé, masquer cette zone avec des CSS, puis de le rendre visible en réponse à un clic de souris, à l'aide de JavaScript.Le include serait déjà arrivé sur le serveur avant que la page a été envoyée au client. Vous pouvez avoir quelque chose comme ceci:
```
<div id="confirmPopup" style="display:hidden;">
      <%@ include file="ConfirmationPopup.jsp" %>
</div>
<script>
  $('#logoutId').click(function(event) {
   document.getElementById("confirmPopup").style.display="block";
  });
</script>
```
J'ai un problème ici...je suis le confirmationpopup.jsp a chaque fois que je charge la page qui contient la déconnexion.Il ne s'affiche pas lors de la déconnexion est cliqué.
Pourriez-vous svp m'aider?

OriginalL'auteur NINCOMPOOP

Vous pouvez utiliser un simple GET demande pour récupérer le code HTML rendus par le secondaire .jsp page.
En gros, à partir de l'intérieur de l'Ajax avec jQuery que vous pouvez faire:

$.get({
    url: "mysite.com/otherpage.jsp",
    data: "some data you want to send, optional",
    success: function(data, textStatus, jqXhr)//the response data, the ajax request status and the ajax request object itself {
        $('#someDiv').html(data);
    }
});

OriginalL'auteur flavian

1

1) Créer un <div id='someID'></div> tout chargement initial de la page

2) cliquez sur le bouton, grâce à javascript créer un iframe avec votre nouveau jsp
url

3) une Fois que le contenu de l'iframe chargé de le montrer comme un popup peut-être dans la boîte de dialogue
fenêtre

Je n'ai jamais utilisé les iframes et tous. Pourriez-vous expliquer un peu plus ou me montrer un exemple?
commencer à partir d'ici, w3schools.com/tags/tag_iframe.asp
Je n'ai pas besoin iframes...j'ai une page déjà...j'ai besoin de montrer que la page à l'aide de javascript...Comment puis-je le faire...parce que nous sommes en utilisant le même format de messages de confirmation de partout et je n'ai pas besoin de le changer
aller avec "Noob" réponse
Oui il l'a fait...mais dans ce cas, j'ai eu le popup à chaque fois que la page est chargée et pas lors de la déconnexion est cliqué.

OriginalL'auteur Madhu

Une autre façon que vous pouvez faire pour garder une travée et sur sur ne:
http://sel2in.com/pages/prog/html/ajax/aPage2.html1

<span id=confirmSpan></span>
<script language="Javascript">

function logout1(){
    iconfirmSpan = document.getElementById("confirmSpan")
    if (!confirmSpan){
        alert("Error no confirmSpan contact support!");
    }
    confirmSpan.innerHTML = "<iframe src=\"http://sel2in.com/pages/prog/html/ajax/confirm.html\" height=400 width=700></iframe>"
    //in real can keep height 1 width 1 and location off page if you want it just to load elements, scripts etc
}
</script>
</head>
<body>
<form  id="search" action="/search" method="get">
<input type=button onclick=logout1() value="Do Action">
</form >

mais ajax est plus puissant pour les flux de travail et telle, mais cela pourrait être suffisant si seulement 1 action

OriginalL'auteur tgkprog

AJAX est ce que vous cherchez.

Je vous suggère fortement d'effectuer AJAX appels avec jQuery (showcase -> div) , mais dans Struts2 vous pouvez essayer avec le obsolète Dojo plugin en une seconde, sans avoir besoin de télécharger n'importe quelle bibliothèque, juste pour vous faire une idée.

<%@ taglib prefix="s"  uri="/struts-tags"      %>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>

<head>      
    <sx:head/>
    <script>
       function loadAjax(){
           var div = dojo.widget.byId("myDiv");
           div.href = "yourAjaxAction.action";
           div.refresh();
       }
    </script>
</head>
<body>
    <input type="button" 
           value="Include a JSP fragment dynamically" 
           onclick="loadAjax();"/>

    <sx:div id="myDiv"> </sx:div>

</body>

Et puis, votre yourAjaxAction.action doivent retourner sur le SUCCÈS de la JSP extrait de code que vous souhaitez inclure.

OriginalL'auteur Andrea Ligios

Vous devez vous connecter pour publier un commentaire.