php - 使用 AJAX 提交数据

Question

我正在学习 AJAX 和 jQuery，我正在尝试编写一个简单的测试脚本，该脚本将采用 2 个输入字段并将数据插入到我的数据库中。我不知道我做错了什么，但下面的代码不会插入数据。谁能发现我的问题吗？

我没有收到任何错误，并且在控制台中没有看到任何奇怪的东西。

HTML

<input id="name" type="text"/>
<input id="LastName" type="text"/>
<button id="testButton">Button</button>
<div id="callback"></div>

JS

$('#testButton').click(function () {
    var firstName = $("#name").val();
    var lastName = $("#LastName").val();

    $.ajax({
      type: "POST",
      url: "insert.php",
      data: { name: firstName, LastName: lastName }
    }).done(function( msg ) {
      alert( "Data Saved: " + msg );
});
});

PHP

    //Adding to the local database
    $name = array($_POST['name'], $_POST['LastName']);

    $qry = $dbh->prepare(
        'INSERT INTO info (FirstName, LastName) VALUES (?,?)');

    if ($qry->execute($name)) {
        echo "Success";
    }

Answer 1

您的 JS 代码工作正常，但使用 jsfiddle echo 服务。

$('#testButton').click(function () {
    var firstName = $("#name").val();
    var lastName = $("#LastName").val();

    $.ajax({
      type: "POST",
      url: "/echo/html/",
      data: { name: firstName, LastName: lastName }
    }).done(function( msg ) {
      alert( "Data Saved: " + msg );
});
});​

这是链接:http://jsfiddle.net/TPu8X/ 另一个版本:http://jsfiddle.net/TPu8X/1/

您的代码仅适用于 jquery 1.5.2 或更高版本(可能您使用的是旧版本)

看来您的 insert.php 路径不正确。因此请尝试将 php 放置在正确的路径中。