Jquery 如何使用Ajax更新输入

当我点击语言按钮时，我会看到语言的概述

$(".Language").on("click", overviewLanguage);

function overViewLanguage() {

    $.getJSON('http://localhost:8080/Language/getAll', function (languages) {
        var htmlString = "<ul>";
        languages.forEach(function (language) {
            htmlString += "<li languageId=" + language.language_id + "><p>" + language.nameLanguage + "</p></li>" + "<br>";
        });
        htmlString += "</ul>";

        $(".middleScreen").html(htmlString);

        $(".middleScreen li").on("click", detailLanguage);
    });
}

当我更改语言名称，然后单击“更新”按钮时，什么也没有发生。有人能帮我吗

$("#updateLanguage").on("click", updateLanguage);

function updateLanguage() {

    $.ajax({
        method: "POST",
        url: 'http://localhost:8080/Language/update',
        dataType: 'json',
        data: JSON.stringify(jsonLanguage()),
        contentType: "application/json; charset=utf-8",
        success: function (data, status) {
            overViewLanguage();
        },
        error: function (status) {
        }
    });
}


function jsonLanguage() {
    var newLanguage = {
        Language_id: $("#txtLanguageId").val(),
        nameLanguage: $("#txtLanguage").val()
    };
    return newLanguage;
}

请用这个

function updateLanguage() {

    $.ajax({
        method: "POST",
        url: 'http://localhost:8080/Language/update',
        dataType: 'json',
        data: {Language_id : $("#txtLanguageId").val(),
               nameLanguage:$("#txtLanguage").val()},
        contentType: "application/json; charset=utf-8",
        success: function (data, status) {
            overViewLanguage();
        },
        error: function (status) {
        }
    });
}

并注意在服务器端获取同名参数

$this->input->post（'Language\u id'

）。

---

例如，在

PHP

中，您是否需要将概览语言函数移到单击时的语言事件之外，然后该事件和post方法的成功都可以调用它？@BryanDellinger，我不明白您的意思。txtLanguageId，txtLanguage什么是？@hamedhossani，这些是输入。从

updateLanguage

中删除

JSON.stringify

，然后重试？

function updateLanguage() {

    $.ajax({
        method: "POST",
        url: 'http://localhost:8080/Language/update',
        dataType: 'json',
        data: {Language_id : $("#txtLanguageId").val(),
               nameLanguage:$("#txtLanguage").val()},
        contentType: "application/json; charset=utf-8",
        success: function (data, status) {
            overViewLanguage();
        },
        error: function (status) {
        }
    });
}