Passing Variablen von js php AJAX

Question

Ich habe diese Form

<form name="main" id="main" class="form-horizontal" method="post"> 
    <div class="form-group"> 
     <label for="value" class="col-sm-2 control-label">Enter Value</label> 
     <div class="col-sm-3"> 
     <input type="text" class="form-control" name="value" id="value" placeholder="Enter value"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="value" class="col-sm-2 control-label">Result</label> 
     <div class="col-sm-3"> 
     <input type="text" class="form-control" name="result" id="result" placeholder="result" value=""> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-sm-offset-2 col-sm-3"> 
     <button type="submit" class="btn btn-default" id="Convert" name="Convert" value="Convert">Submit</button> 
     </div> 
    </div> 
</form> 

und die Jquery-Datei ist:

$(document).ready(function() { 
    console.log("ready"); 
    $('#main').submit(function(e){ 
    e.preventDefault(); 

    $.ajax({ 
     type: "GET", 
     url : "index.php",  //your processing page URL instead of ??? 
     data: "&example=2", 
     success: function(){ 
      alert("success"); 
      $("#result").html("Example content"); 
     } 
    }); 
    }); 
}); 

ich das Beispiel Inhaltszeichenfolge auf dem #result Feld angezeigt werden soll, wenn die Formular reicht ein. Es scheint einfach, aber ich habe alles versucht und nichts funktioniert. Ich bekomme keine http und Konsolenfehler und die Warnung zeigt "Erfolg"

Answer 1

Sie machen einen Fehler, wenn Sie $("#result").html("Example content"); schreiben, weil es ein Eingang ist kein Elementhalter. Ändern Sie Ihren Code

$('#result').val("Example Content");