2016-09-04 4 views
-2

* Aktualisiert mit vollem Codebeispiel, nach dem Lesen von Kommentaren dachte ich, ich würde Beispielcode posten, mit dem ich immer noch zu kämpfen habe. Im Grunde hoffe ich, auf den Link im HTML zu klicken, um das Formular an die aufgerufene.php Datei zu senden und den Wert in das div auf der HTML Seite zurückzugeben.PHP-Variable zurück an JS senden nach dem Aufruf über AJAX

<!DOCTYPE html> 
<head> 

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script> 

     function dSubmit(){ 

      $.ajax({ 
       type: "POST", 
       url: "called.php", 
       data: $("#projectAddition").serialize(),  

       success: function(data) { 
        //here id where you want display 
        $('#id1').val(data.var1); //here is value1 
       } 
      } 

} 

     </script> 

</head> 

<body> 

    <form id="projectAddition" action="#" method="POST"> 
    <input type="text" name="projectName"> 
    </form> 
    <a href="#" onclick="dSubmit()">Submit Form</a> 
    <br>Output<br> 
    <div id="id1"></div> 

</body> 

PHP:

$name = $_POST['projectName']; 
// Do something with variable 

$array = array(
    'var1'=> $name, 
    'var2'=>'value2' 
); 
echo json_encode($array); 
+0

Verwenden Sie Ihr Datenobjekt, um auf Ihre zurückgegebenen Daten zuzugreifen, und stellen Sie in Ihrer Datei quickprojectadd.php sicher, dass es Ihre Daten zurückgibt –

+0

Danke für die Hilfe, ich bin mir der Theorie bewusst, die ich gerade kämpfe . Jeder Beispiel-Code wäre sehr hilfreich, da alles, was ich versucht habe, zu undefiniert führt. – pbytes

+2

Ähnliche Antwort finden Sie hier http://stackoverflow.com/questions/2410773/how-to-return-data-from-php-to-a-jquery-ajax-call –

Antwort

0

erste wie die

$array = array(
    'var1'=>'value1', 
    'var2'=>'value2' 
); 
echo json_encode($array); 

setzen Sie Ihre Variablen in ein Array und dann

in Ajax Sie auf diese Weise erhalten

$.ajax({ 
    type: "POST", 
    url: "url", 
    data: $("#projectAddition").serialize(),  
    success: function(data) { 
     //here id where you want display 
     $('#id1').val(data.var1); //here is value1 
     $('#id2').val(data.var2); //here is value2 
    } 
} 
+0

Vielen Dank für Sie Hilfe, ich habe jetzt die ursprüngliche Frage aktualisiert, um den vollständigen Code zu enthalten, da es immer noch nicht richtig funktioniert. Wenn du mir weiter helfen kannst, wäre das toll! – pbytes

0

Nun mit mehr Bastelei es erscheint das Arbeits HTML ist wie folgt:

// url, formName passed in through function 

$.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#" + formName).serialize(), // serializes the form's elements. 
     success: function(data) 
     { 
       $("#AtoZ").append('<div id="success">' + data + '</div>');} 

PHP Seite:

echo $return="Project Added, Reference: $id"; 

Einfach fragen, wenn sie nicht mit JSON ein Problem ist? Das einzige, was ich passiere, ist eine Saite, z. 'failed'

Verwandte Themen