Error de índice $ _POST no definido en Ajax, PHP

Obtención de un índice indefinido de error PostBody en Ajax No sé cómo solucionarlo.
Ya he revisado muchas publicaciones, pero eso no ayudó.


CÓDIGO HTML en index.php:

    

Aquí está el código Ajax en mi index.php al final después de jquery cdn.

 $("#postButton").click(function(e) { e.preventDefault(); var body = $("#postBody").val(); var dataString = 'postBody='+body; $.ajax({ type:'POST', data:dataString, url:'submitPost.php', success:function(data) { alert(data); } }); }); 

Y este es el código submitPost.php.

 include("config.php"); global $con; $body = $_POST['postBody']; $date_added = date("F j, Y, g:ia"); $query = mysqli_query($con,"INSERT INTO posts VALUES('','$body','$date_added')"); if($query == 1){ echo "Post Submitted"; else{ echo "Error"; } 

Este código realmente devuelve la publicación enviada en alerta e inserta el $ date_added y no el cuerpo de $. Error: undefined Index postBody en postSubmit.php en 3.

Algunos errores que has cometido son:

  • etiqueta de form mal escrita
  • paso incorrecto de data través de ajax
 $("#postButton").click(function(e) { e.preventDefault(); var body = $("#postBody").val(); $.ajax({ type: 'POST', data: {'postBody': body}, url: 'submitPost.php', success: function(data) { alert(data); } }); });