Question

我需要帮助获取单击按钮的值并使用AJAX发送此信息。这两个脚本分别工作。但我需要将“buttonvalue”传递给AJAX“数据”值“动作”。我正在使用的是下面的内容。

   $("document").ready(function(){

     $(".js-ajax-php-json").on("click", "button[name=mysqljob]", function (){
    var buttonvalue = $(this).attr("value");
    alert(buttonvalue);
    });

  $(".js-ajax-php-json").submit(function(){ 

    var data = {"action": buttonvalue};

    data = $(this).serialize() + "&" + $.param(data);

    $.ajax({
      type: "POST",
      dataType: "json",
      url: "phpVars/ajaxUpload.php", //Relative or absolute path to response.php file
      data: data,
      success: function(data) {
        $(".the-return").html(
         data["form"]
        );
      //  alert("Form submitted successfully.\nReturned json: " + data["json"]);
      }
    });
    return false;
  });
});

Answer 1

我会阻止表单提交您想要的内容然后通过ajax调用发布数据。请尝试以下方法：

$("document").ready(function(){

    $(".js-ajax-php-json").on("click", "button[name=mysqljob]", function (e){
        e.preventDefault();
        var buttonvalue = $(this).attr("value");
        var data = {"action": buttonvalue, "formData": $(this).serialize() + "&" + $.param(data) };

        $.ajax({
            type: "POST",
            dataType: "json",
            url: "phpVars/ajaxUpload.php", //Relative or absolute path to response.php file
            data: data,
            success: function(data) {
                $(".the-return").html(
                    data["form"]
                );
  //            alert("Form submitted successfully.\nReturned json: " + data["json"]);
            }
        });
    return false;
    });
});

未经测试。

检测哪个按钮已被检查并使用ajax提交

1 个答案: