javascript - 如何从 jquery 和 ajax 中获取文本框的值？

Question

我试图从文本框中获取一个值并将其发布到表格上，但是当我尝试 console.log success:function (data) 中的“数据”时，它显示空数据。但如果我在 $.ajax 之外对其进行控制台，它会显示正确的值。

这是我的 jquery 函数

function SaveData() {

            var data = $("#inputToDo").val();
            $.ajax({
                type: "POST",
                dataType: "json",
                success: function (data) {
                    var row = "";
                    $.each(data, function (index, value) {
                        console.log(data);
                        row += "<tr><td>" + data + "</td></tr>";
                        $("#bod").html(row);  
                    });
                }
            });
            console.log(data);
            data = $("#inputToDo").val("");
            $("#inputToDo").focus();

    }

我的html:

<input id="inputToDo" name="inputToDo" />
<button id="buttonSave" name="buttonSave" onclick="SaveData()">
    Save
</button>

<table id="tableToDo" border="1">
    <tr>
        <td id ="ToDo"></td>
        <td id ="Execution"></td>
    </tr>
    <tbody id="bod"></tbody>
</table>

如有任何帮助，我们将不胜感激。谢谢

Answer 1

我已经为你制作了一个可以使用的 fiddle 。

我基本上对 JavaScript 做了一些更改，我假设您已经包含了 jquery...

$('document').ready(function(){
    SaveData = function(){
        var data = $("#inputToDo").val();
        alert(data);
    }
}

这是Fiddle