$ .ajax (typ:. "POST" metodą POST do php

Question

Próbuję użyć metody POST w jQuery, aby złożyć zamówienie danych tak, jest to kod na stronę html:

<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> 

i to jest kod PHP na serwerze.

<?php 

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

?> 

żądanie POST nie jest wykonany w ogóle i nie mam pojęcia, dlaczego pliki są w tym samym folderze, w folderze wamp www tak przynajmniej ISN url Złe.

Answer 1

Musisz użyć data: {title: title}, aby POST poprawnie.

W kodzie PHP należy podać wartość echo zamiast wartości return.

Answer 2

Sprawdź, czy tytuł ma jakąś wartość, czy też nie. Jeśli nie, pobierz wartość, używając Id.

<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> 

Spróbuj tego kodu.

W kodzie php użyj echo zamiast return. Dopiero wtedy dane javascript będą miały swoją wartość.

Answer 3

Id rada, aby stosować metodę nieco prostsza -

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

próbować ten jeden, ja po prostu czuje się jego składnia jest prostsza niż $ .ajax jedna ...