jQuery Ajax数据库不会更新

Question

this is my first post on Stackoverflow!

So I'm trying to execute an "Insert" query via Jquery's $.ajax function. Looking at the network tab on chrome dev tools, it seems to be loading my file but not updating the database.

Without any ajax, this code works fine:

    <form id="alForm" name="alForm" method="POST" action="add.php">

However, this takes me to the blank php page. I don't want that.

Let me share my code!

Here is the PHP:

<?php

error_reporting(E_ALL);



$user = 'root';
$pass = '';
try {

$db = new PDO('mysql:host=localhost;dbname=utility_portal', $user, $pass);


if (isset($_POST['save'])) {


  $t = $db->prepare("INSERT INTO `u_links` (`title`, `link`) VALUES (?, ?)");
  $t->execute(array($_POST['title'], $_POST['link']));
   } 

 } catch(PDOException $e) {
 echo "Error!: " . $e->getMessage() . "<br />" ;
 die();
 }

 ?>

Here is the Jquery:

$('#alForm').on('submit', function(event) {


$.ajax({
    url  : "add.php",
    type : "POST",
    data: $('#alForm').serialize(),
    success: function(data) {
        alert('submitted ' + data);
    }


});

event.preventDefault();




});

And the HTML:

<form id="alForm" name="alForm">
<label>Title</label>
<input type="text" name="title" placeholder="Title"/>

<label>Link</label>
<input type="text" name="link" placeholder="Link"/>

<input type="submit" name="save" id="save" class="btn btn-primary" value="Save" />
</form>

Everything looks fine to me. Am I missing something? Thanks for the help.

Answer 1

I think your problem is the "serialize" part. If you remove the line the code should work. You can also use the shortcut code: $.post("add.php", success: function(data) { alert('submitted ' + data); }