Wie fügen Sie Kopf-Berechtigung für POST-FORMULAR mit JS/AJAX/JQUERY?

Ich möchte Eingaben über ein Formular auf meine Seite und senden Sie diese Werte an ein php-gehostet auf einer anderen externen Website. Anfrage maker-Erweiterung zeigt die Header-Berechtigung weitergegeben werden, zusammen mit anderen Eingaben beim senden von Daten auf die externe Website.

Das Ergebnis ist wahrscheinlich eine xml-Datei (Studenten-Datensatz).An einem Strang ziehen müssen und als Ergebnis.

Versucht, eine Menge von $.Ajax und jquery-vergeblich. Bitte helfen Sie.

[1]: http://i.stack.imgur.com/rDO6Z. jpg
[2]: http://i.stack.imgur.com/92uTh. jpg

JS:

function myFunction() {
var name = document.getElementById("name").value;

//AJAX code to submit form.
$.ajax({
type: "POST",
url: "http://externalsite.cpm/results.php.php",
data: dataString,
  beforeSend: function(xhr) {
	
    xhr.setRequestHeader('Authorization', "Basic XXXXXXXXXXXXXXXXXXXXXXXXX" );   or xhr.setRequestHeader('Authorization', "Basic " +btoa(ser_user + ':' + ser_pass));
						},
cache: false,
success: ???


xmlhttp.open("POST","your_url.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name=" + name + "&email=" + email);

HTML:

<body>

<form action="http://externalsite.cpm/results.php" method="post" >
	Enter Your Name<br>
	<input type="text" name="name" >
	<br>
	<input type="submit" onclick="myFunction()" value="Submit">
	
</body>

Wie füge ich das header-Ermächtigung bei Abgabe Werte von meiner Seite zu externen php? Bitte Um Hilfe!!

InformationsquelleAutor Christo Raj | 2015-10-02
  1. 3

    Seinen etwas verspätet, aber immer noch posting die Antwort für zukünftige Leser, die vielleicht das gleiche Problem.
    Bitte nicht über die form submit url (action) und die Methode type (POST) in den html-code, wenn es explizit erwähnt wird in der ajax-Anfrage.
    Beachten Sie die entsprechenden änderungen aufgenommen in den code-snippets gegeben.

    Html-Formular-code : 

                <form><!---Removed form submit url-->
            <input type="text" id="keyName" value="testValue">
            <!---Id attribute added to input field to be submitted--->
            <input type="button" onclick="myFunction()" value="Submit">
            <!---Input type is button NOT submit--->
            </form>

    Javascript-code:

    function myFunction(){
var dataValue = $("#keyName").val();
$.ajax({
            type : 'POST',
            //remove the .php from results.php.php
            url : "http://externalsite.cpm/results.php",
            //Add the request header
            headers : {
                Authorization : 'Bearer ' + 'XXXXXXXXXXXXXXXXXXXXXXXXX'
            },
            contentType : 'application/x-www-form-urlencoded',
            //Add form data
            data : {keyName : dataValue},
            success : function(response) {
                console.log(response);
            },
            error : function(xhr, status, error) {
                var err = eval("(" + xhr.responseText + ")");
                console.log(err);                   
            }
        }); //End of Ajax
}   //End of myFucntion

    Update :

    PHP-service results.php

    <?php 
     print_r($_POST["keyName"]);
?>
    • Vielen Dank für Ihre Antwort. Ich habe versucht, diese aber beim Klick auf Senden passiert nichts. Ich wäre wirklich dankbar, wenn Sie könnten arbeiten jsfiddle. Vielen Dank im Voraus.
    • Aktualisiert die post. Sie müssen host die php-Dienst in diesem Fall.Drücken Sie die Taste F12 auf Ihrer web-Seite & dann öffnen Sie die Konsole, um die Reaktion Logger.
    • Fast dort. Nach dem abschicken bekomme ich die folgende Antwort in der Konsole XMLHttpRequest-Objekt kann nicht geladen werden externalsite.com/results.php . Antwort auf preflight-Anfrage nicht passieren access control check: Die 'Access-Control-Allow-Origin' header hat den Wert 'subdomain.externalsite.com', die nicht gleich das mitgelieferte Herkunft. Herkunft 'null' ist daher nicht der Zugriff erlaubt. Aber eine chrome-Erweiterung namens "Access-Control-Allow-Origin (CORS)" ich war in der Lage zu senden und das gewünschte Ergebnis erfolgreich.
    • Wie Sie erfolgreich ohne extention? Ich habe keine Kontrolle über http://www.externalsite.com. Ich habe gerade benötigen, um die Wert von meiner Seite php und die Ausgabe. P. S : ich habe die Erlaubnis von http://www.externalsite.com aber Sie verändert nicht alles, was von Ihrer Seite auf Ihrer Website oder php.
    InformationsquelleAutor NJInamdar
Schreibe einen Kommentar