错误：调用 Ajax 时未定义索引

Question

我面临的问题是我在调用 Ajax 时得到了一个未定义的索引变量。 单击提交按钮时，我需要将“json”数据发布到“update.php”页面。基本上，我需要捕获文本框中的值并将其发送到数据库。

所以，我在提交按钮上创建了一个表单，代码如下：

<form action="update.php" method = "post" class="form-inline">
    <input type="submit" class="btn btn-info" id = "saveEdits" disabled = "disabled" onclick = "updateVal()" name="saveEdits"  value="Update"/>
/form>

此提交按钮调用 UpdateVal 函数，该函数捕获页面上显示的文本框上的值并使用 AJAX 将其发送到另一个 php 页面。

updateVal函数如下：

function updateVal() {

    var node_list = document.getElementsByTagName('input');
    var c = 0;
    var fieldName = [];
    var fieldText = []
    var ID = [];
    for (var i = 0; i < node_list.length; i++) {
        var node = node_list[i];
        if (node.getAttribute('type') == 'text') {
            fieldName[c] = node.name;
            fieldText[c] = node.value;
            ID[c] = node.id;
            c++;
        }
    }
    var postData = {
        fieldName: fieldName,
        fieldText: fieldText,
        ID: ID
    };

    $.ajax({
        type: "post",
        url: "update.php",
        dataType: "json",
        data: {'postData' : JSON.stringify(postData)},
        contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
    });

正在捕获运行时数据，即文本框中的值，并且可以在控制台上显示，但是，当我在 update.php 上发布此数据时，我将在其中捕获 json 并更新数据库，我'我得到错误：

注意：未定义索引：在第 11 行的 update.php 中

下面是我的update.php

<?php
$json = $_POST["postData"];
$result = json_decode($json);
var_dump($result);?>

Answer 1

从表单中删除您的 action 属性，因为您不需要通过 Javascript/AJAX 发送数据。

您现在要做的是：发送数据两次，每次updateVal() 一次，每次默认提交表单处理一次。

由于表单提交的数据不包含名为 postData 的输入，因此您将收到未定义索引错误。

编辑： 您说您对整个 AJAX 主题感到不舒服。 Here 是一个很好的简单答案，涵盖了基础知识。

编辑2：

要监听服务器的响应，请向 ajax-request 添加回调：

$.ajax({
    type: "post",
    url: "update.php",
    dataType: "json",
    data: {'postData' : postData},
    contentType: 'application/x-www-form-urlencoded; charset=UTF-8'
}).done(function (response, textStatus, jqXHR){
    // Show an alert on response
    alert(response);
});