相同的 ajax 调用,但在多次单击时更改了来自同一 UI 的数据

Same ajax call but changed data from same UI on multiple button click

本文关键字:数据 UI 调用 ajax 单击      更新时间:2023-09-26
$("#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 调用的输入。

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