wake-up-neo.net

$ .ajax (Typ: "POST") POST Methode zu php

Ich versuche, die Methode POST in jQuery zu verwenden, um eine Datenanfrage zu stellen. Dies ist also der Code auf der HTML-Seite:

<form>
Title : <input type="text" size="40" name="title"/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
    var title=f.title.value;
    $.ajax({
      type: "POST",
      url: "edit.php",
      data: {title:title} ,
      success: function(data) {
        $('.center').html(data); 
      }
    });
}
</script>

Und das ist der PHP-Code auf dem Server:

<?php

$title = $_POST['title'];
if($title != "")
{
    echo $title;
}

?>

Die POST -Anfrage wird überhaupt nicht gestellt und ich habe keine Ahnung warum. Die Dateien befinden sich im selben Ordner im Ordner wamp www, daher ist die URL nicht falsch.

9
user1201915

Sie müssen data: {title: title} für POST korrekt verwenden.

Im Code PHP müssen Sie echo den Wert anstelle von returning eingeben.

8
ThiefMaster

Prüfen Sie, ob Titel einen Wert hat oder nicht. Wenn nicht, rufen Sie den Wert mit Id ab.

<form>
Title : <input type="text" id="title" size="40" name="title" value = ''/>
<input type="button" onclick="headingSearch(this.form)" value="Submit"/><br /><br />
</form>
<script type="text/javascript">
function headingSearch(f)
{
    var title=jQuery('#title').val();
    $.ajax({
      type: "POST",
      url: "edit.php",
      data: {title:title} ,
      success: function(data) {
    $('.center').html(data); 
}
});
}
</script>

Versuchen Sie diesen Code.

Verwenden Sie im PHP-Code echo anstelle von return . Nur dann haben Javascript-Daten ihren Wert.

2
Nishu Tayal

Ich rate Ihnen, eine etwas einfachere Methode zu verwenden -

$.post('edit.php', {title: $('input[name="title"]').val() }, function(resp){
    alert(resp);
});

probieren Sie es aus, ich glaube nur, dass seine Syntax einfacher ist als die von $ .ajax ...

0
manWe

versuche dies

$(document).on("submit", "#form-data", function(e){
    e.preventDefault()
    $.ajax({
        url: "edit.php",
        method: "POST",
        data: new FormData(this),
        contentType: false,
        processData: false,
        success: function(data){
            $('.center').html(data); 
        }
    })
})

im Formular muss der Button type="submit" sein

0
Fnx Code