navigieren Sie zu einer anderen Seite mit post-Anforderung über link

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>    
<script type="text/javascript">
    function DoPost(){
      $.post("index.html", { name: "John", time: "2pm" } );
   }
    </script>
</head>

<body>
<a href="javascript:DoPost()">GO</a>

</body>
</html>

Machte ich-Funktion und versuchen, rufen Sie die Funktion, innerhalb der Funktion, die ich erwähnt-url und Daten wie bereits erwähnt hier. Aber, Es ist nicht für mich arbeiten.

HINWEIS : Auch erwähnte ich in meinem post-Titel, dann auch möchte ich klarstellen, dass ich möchten, navigieren Sie zu einer anderen Seite mit POST Methode durch einfache hyperlinks.

Sie wissen, dass $.post macht eine AJAX Anfrage? Wenn Sie möchten, navigieren Sie mittels einer POST Wunsch können Sie ein Formular verwenden.
Ok... aber ich möchte dies einfach link, so ist es eine Möglichkeit, dies durchzuführen. ?
Gut, ein Formular ist einfacher als diese Lösung imho. Mit $.post Sie könnte nehmen Sie die Antwort und schreiben Sie es auf das Dokument, aber das ist nicht genau das gleiche wie das laden einer neuen Seite. Also, Nein, es ist nicht möglich, mit einem link oder JavaScript.

InformationsquelleAutor Ravi | 2013-06-29

  1. 14

    Erstellen Sie ein html-Formular mit all den Daten, die Sie brauchen, um zu senden, und geben Sie als Aktion die Seite, die Sie brauchen, um Benutzer weiterleiten.

    <form method="post" id="theForm" action="REDIRECT_PAGE.php">

    Dann setzen einige versteckte Felder in das Formular.

    <input type="hidden" name="name" value="John">
<input type="hidden" name="time" value="2pm">
</form>

    Wickeln Sie diese in Ihrer doRedirect Funktion und die Umleitung funktioniert zwar korrekt Absenden Ihrer POST-Daten.

    document.getElementById('theForm').submit()

    Als eine Randnotiz, Sie können das umleiten der Benutzer zu einer .php-Seite nicht ein .html ein, wenn Sie Lesen müssen, POST-Daten. Dies hängt von Ihrer server Konfiguration, aber, per default, ich glaube nicht, dass Sie können ausführen, PHP code in einer .html-Datei.

    hahaha.... keine Sorge, ich werde.. und ich das nicht gemeint, ich wollte nur sagen, dass Sie waren etwas zu spät, weil ich es schon gemacht. Nicht, weil ich post es früher als du.. 😉
    Denken Sie daran doRedirect wird nur funktionieren, wenn DOM ist fertig... Keine große Sache, du, da zeigen Sie es in einen link. Ich würde empfehlen, die form vor dem link zeigt die doRedirect Funktion. Bye!

    InformationsquelleAutor Saturnix

  2. 7

    Ich weiß, diese Frage ist fast 4 Jahre alt und es ist bereits eine akzeptierte Antwort, aber ich würde gerne eine alternative Lösung sowie darauf hinweisen, Ihre Fehler.

    Teil 1: Die Lösung

    Die konventionelle Lösung für die Navigation mit einem POST Antrag ist ein Formular, das die akzeptierte Antwort verwendet. Ich Baue am Anfang dieser präsentiert eine Lösung zum programmgesteuerten erstellen von Formularen mithilfe von DOM.

    var payload = {
  name: 'John',
  time: '2pm'
};
var form = document.createElement('form');
form.style.visibility = 'hidden'; //no user interaction is necessary
form.method = 'POST'; //forms by default use GET query strings
form.action = 'index.html';
for (key in Object.keys(payload)) {
  var input = document.createElement('input');
  input.name = key;
  input.value = payload[key];
  form.appendChild(input); //add key/value pair to form
}
document.body.appendChild(form); //forms cannot be submitted outside of body
form.submit(); //send the payload and navigate

    Ich verwendet index.html wie pro Ihre original-code, aber ich würde die akzeptierten Antworten auf die Hinweise und verwenden Sie PHP, um zu akzeptieren und zu verarbeiten, die POST Daten.

    Teil 2: Das Problem

    Das Hauptproblem mit dem original-Lösung ist, dass es verwendet werden $.post eine Hilfsfunktion baut auf $.ajax. AJAX ist sollte verwendet werden, wenn das abrufen von Daten von einem server und verwenden Sie es innerhalb der aktuellen Seite, sondern als die Navigation zu einer anderen Seite.

    Ich wollte vorschlagen das anfügen der Zeile: document.removeChild(form); aber der springende Punkt ist die Navigation von der Seite Weg, so dass es wirklich keine Rolle spielt 😛 . Tolle Lösung, ich werde dies auf mein Projekt.

    InformationsquelleAutor robbie0630

  3. 0
    function js_navigate_with_post(js_url, js_post_params)
{
    var js_html='';
    js_html += "<form id='js_navigate_with_post' method='post' action='"+js_url+"'>\n";
    js_html +=  "<input type='hidden' name='js_navigate_with_post' value='true'>\n";
    for (var js_key in js_post_params) {
        if (js_post_params.hasOwnProperty(js_key))
        {
            js_html +=  "<input type='hidden' name='"+js_key+"' value='"+js_post_params[js_key]+"'>\n";
        }
    }
    js_html += "</form>\n";
    jQuery('body').append(js_html);
    jQuery('#js_navigate_with_post').submit();
}
    sieht aus wie es funktionieren könnte, aber Sie sollten aufwendige ein bisschen auf Sie Lösung.

    InformationsquelleAutor ihorsl

  4. 0

    Endlich habe ich es geschafft, aber nicht genau, wie ich es wollte. Aber es ist hilfreich für mich. Nun, die Freigabe für andere

    <html>
  <head>
    <script type="text/javascript">
      function DoPost() {
        document.postlink.submit();
      }   
    </script>
  </head>

  <body>
    <a href="javascript:DoPost()">GO</a>
    <form action="demo.php" name="postlink" method="post">
      <input type="hidden" name="name" value="this is my POST data">
    </form>
  </body>
</html>

    InformationsquelleAutor Ravi

  5. 0

    Diese sollte funktionieren.
    Ähnlich wie eine Antwort, aber eine bessere.

    var payload = {
  name: 'John',
  time: '2pm'
};
var form = document.createElement('form');
form.style.visibility = 'hidden';
form.method = 'POST';
form.action = link;
$.each(Object.keys(payload), function(index, key) {
var input = document.createElement('input');
    input.name = key;
    input.value = payload[key];
    form.appendChild(input)
});
document.body.appendChild(form);
form.submit();

    InformationsquelleAutor IamMHussain

  6. -1

    Was meinst du es funktioniert nicht? Wie kann es funktionieren, wenn du post-Ergebnisse einer einfachen .html Seite?

    Den $.post - Funktion ist eine Abkürzung für $.ajax, die fand ich immer einfacher zu Lesen und zu Debuggen! Bitte schaut nochmal in den link, den Sie zur Verfügung gestellt, und sehen Sie die Beispiele unten auf der Seite!

    Beispiel:

    $.post("test.php", { name: "John", time: "2pm" } );

    Update: Nein, sollte es nicht gehen, um die index.html. Was der code tatsächlich tut, ist das senden von post-Variablen an eine .html Seite, also im Grunde ist es nicht viel zu tun hat. Das heißt, Sie können tun, was Sie wollen mit vielen verschiedenen Lösungen, siehe zwei von Ihnen unter:

    • Können Sie entweder fügen Sie eine done Veranstaltung auf der $.post Funktion, zum Beispiel:

      $.post("test.php", { name: "John", time: "2pm" } ).done(function() { alert("Success, do the redirection here!"); });

    • Oder vielleicht vielleicht redirect über get-Variablen statt der post? zum Beispiel:

      window.location = "index.php?username=blah&pass=blah";
      und mit Ihnen umgehen in der php-Seite.

    ps. die obige Lösung ist natürlich für Testzwecke, wenn Sie diesen Weg zu gehen, haben Sie irgendwie verschlüsseln Sie Ihre Daten!

    nicht arbeiten heißt.. wenn ich auf GO es sollte zu index.html Seite wie bereits erwähnt in url Wert. Aber, nichts passiert, nach mir, es funktioniert nicht.
    so verwenden Sie @Vahe Yepremyan ' s Lösung
    Ich bitte Sie, bitte Lesen Sie meine post. Da brauche ich post-Anfrage, wenn es nicht möglich ist, dann lasst es mich bitte wissen. Da Vahe Lösung ist einfach javascript wechseln Sie zu einer anderen Seite.
    Sie schrieb es verschoben werden sollte, um index.html Seite. So, dass war die Lösung. Wenn Sie erwarten, dass etwas anderes, bitte beschreiben Sie es in Ihrer Frage, weil Sie nicht genau sind.
    kann sein das ich mich Irre während Sie erklären mein problem, aber wenn Sie sehen, erwähnte ich meinen post-Titel with post request. Kann sein, dass du verpasst, dass.

    InformationsquelleAutor Dennis Tsoumas

Schreibe einen Kommentar