2016-08-03 12 views
0
 First I must apologize Halnex for calling you Helix this whole time. I attempted to try your code but I am not getting my submit page to show up and I’m not completely sure why. Note I just copied the source code of JQuery to a file inside of one of my folders inside the folder holding these html pages. 

<!DOCTYPE HTML> 
<html> 
    <HEAD> 
     <title>WELCOME TO MY FORM PAGE</title> 
<link rel="stylesheet type="text/css" href="style/style.css"> 
      <script src="jquery-1.12.4.min.js"></script> 
      <script type="text/javascript"> 
       $(document).ready(function(){ 

       $('#button1').click(function(){ 

        $('#response').load('form_submit.html');  
        }); 
       }); 
      </script> 
    </HEAD> 
<BODY> 

nur zwei Textfelder nichts besonderes. Wie bekomme ich Javascript, um eine Schaltfläche zum Öffnen einer anderen HTML-Seite zu erhalten?

Anmeldungen

Benutzername:
Passwort:
Ich bin nicht sicher, ob diese beiden Linien richtig sind. Sollte vielleicht die Eingabezeile das div oder etwas so verrückt verpacken?

Maybe my issue is with my code on my file I’m trying to load (form_submit.html)? This is all I have on my form_submit.html file: Does this code below for the submission page look acceptable or could this be where I am failing? 
<!DOCTYPE HTML> 
<html> 
    <head> 
     <title>User Submission Page</title> 
    </head> 

    <body> 
     Here are the details of the submitted form: 
    </body> 
</html> 
+0

Können Sie uns zeigen die ganze HTML bitte? – patrickcipot

+0

Wollen Sie auf eine andere Seite gehen, verwenden Sie einfach in der JS-Datei // Ähnliches Verhalten wie eine HTTP-Weiterleitung window.location.replace ("http://stackoverflow.com"); Aber wenn Sie einige Server HTML aus dem Browser JavaScript lesen möchten, ist es einfach unmöglich. Dies ist Basis-Sicherheit .. Sie können Aufruf an einige API bekommen HTML-Daten-Antwort und dann etwas damit zu tun. Aber es klingt einfach nicht richtig. –

+4

Ihre js reicht einfach ein Formular aus und greift nicht auf eine andere Seite zu. – Craneum

Antwort

0

Wie bereits gesagt, wird Ihre Schaltfläche versucht, ein Formular abzuschicken. Um eine HTML-Seite auf Knopfdruck zu laden, benutzen Sie diese.

<input type="button" id="button1" value="Load HTML Page"> 

<div id="response"></div> 

Die jQuery

$(document).ready(function() { 
    $('#button1').click(function() { 
     $('#response').load('test.html'); 
    }); 
}); 
+0

Das Aktionsattribut Ihres Formulars verweist auf 'form_submit.html', aber HTML kann keine Formulardaten verarbeiten. Sie benötigen eine Programmiersprache wie PHP, um die Daten zu verarbeiten und etwas damit zu tun. – Halnex

+0

Ich bin nicht tatsächlich Verarbeitung Ich benutze html5 sessionStorage, um die Werte auf einer separaten HTML-Seite "form_submit.html eingegeben. Vielleicht wird diese Funktionalität nicht mehr unterstützt? –

+0

Teil 1. Hallo Halnex, habe ich versucht mit Ihrer Idee, aber jetzt bekomme ich ein Java Skript Fehler direkt auf meiner jQuery Zeile an der Spitze, vielleicht habe ich es nicht richtig geschrieben, lass mich teilen, was ich jetzt mit dir und der Community habe Ich wüßte Wenn ich dieses div platzierte, schlug du es auch an der falschen Stelle vor entschuldige mein noobness Ich versuche dieses lustige Zeug zu lernen :) –

Verwandte Themen