$ .ajax (tipo:. Método POST "POST" a php

Question

Estoy tratando de utilizar el método POST en jQuery para hacer una solicitud de datos Así que este es el código en la página 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> 

y este es el código php en el servidor:.

<?php 

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

?> 

la solicitud POST no se hace nada y no tengo ni idea de por qué los archivos están en la misma carpeta en la carpeta wamp www así que al menos el ISN url 'incorrecto.

Answer 1

Usted necesita usar data: {title: title} para PUBLICARLO correctamente.

En el código PHP necesita echo el valor en lugar de return ing it.

Answer 2

Compruebe si el título tiene algún valor o no. De lo contrario, recupera el valor usando 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> 

Pruebe este código.

En el código php, use echo en lugar de return. Solo entonces, los datos de javascript tendrán su valor.

Answer 3

consejos Id a usar un método poco más simple -

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

intente éste, que sólo se siente su sintaxis es más simple de un ...