javascript - 相同的 ajax 调用，但在多个按钮单击时从相同的 UI 更改了数据

Question

$("#myButton").click(function (e) {

    dataString = $("#myform").serialize();
    $("#ajaxResponse").empty();
    var $body = $('body');
    $body.addClass('loading');
    var html = '';
    $.ajax({
        type: "POST",
        url: "hotelservlet",
        // data : { name : name, id : 'foo' },
        data: dataString,
        datatype: "json",
        beforeSend: function () {
            $body.addClass('loading');
        },
        success: function (data) {

        }

我有一个 Web 表单，它需要一些输入并在单击提交按钮时获得 AJAX 调用的响应，并且我还有另外两个按钮下一个和上一个我希望在其他两个按钮上进行相同的 AJAX 调用，但做了一些更改到输入。

我正在使用 jQuery 序列化方法进行 AJAX 调用。请告诉我如何更改下一个和上一个 ajax 调用的输入。

Answer 1

您可以将 ajax 调用移动到以输入为参数的新方法。然后你可以为这三个按钮制作不同的客户端点击事件。在点击事件中调用带有相应参数的ajax调用方法。