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 serialize方法来进行AJAX调用。请告诉我如何更改下一个和上一个的ajax调用的输入。

Answer 1

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

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

1 个答案: