Question

我现在一直坚持这个问题，持续2周，每天10-15个小时。

我正在使用动态按钮添加更多按钮，这些按钮在我的视图中像标签一样工作，这些按钮是动态的。

我只能使用1个表单，因此动态按钮用于了解要加载的模型ID。

我只需要使用1个表单简单的jquery就是这个：

$("#copy-link").click(function (e) {
    e.preventDefault();

    var num_tabs = $("div#tabSequence ul li").length + 1;
    $("div#tabSequence ul").append(
        "<li class='tab-button'><a data-toggle='tab' id='link" + num_tabs + "' href='#tab" + num_tabs + "'>#" + num_tabs + "</a></li>"
    );

    var data =  $('#campaign-form').serialize();



      $.ajax(
            {
                dataType: 'html',
                type: 'POST',
                url: "campaigns/sequencesave",
                data: data,
                success: function(response){
                    var campaignId = response;
                    var test2 = document.getElementById("link" + num_tabs);
                    console.log(test2);
                    test2.setAttribute("data-campaign", campaignId);
                }

            }
    )
});

有没有办法可以POST表格数据，还可以点击Tab按钮加载表单内容？

$("body").on("click", ".nav-tabs li a", function() {
        var data =  $('#campaign-form').serialize();


        $.ajax(
            {
                dataType: 'html',
                type: 'POST',
                url: "campaigns/sequenceupdate",
                data: { 'campaign_uid' : $(this).attr('data-campaign'), csrf_token: csrfTokenValue },

            }
        )
    })

^^单击相同的按钮必须保存当前在视图上的内容，然后加载单击按钮的内容。当用户点击#copy-link并自动保存时，我会在按钮上附加模型的ID

Answer 1

我不是一个jQuery wiz，但是你可以使用直接javascript与Jquery一起完成这个。

function postInfo(event){
    httpRequest = new XMLHttpRequest();
    if (!httpRequest) {
      alert('Giving up :( Cannot create an XMLHTTP instance');
      return false;
    }
    httpRequest.onreadystatechange = results;
    httpRequest.open('POST', 'ENTER YOUR URL HERE');
    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
httpRequest.send('serverpin='+ServerPIN+'&restuarantid='+RestaurantID); //<-these are the variables you are posting
  }

function results(){
    if (httpRequest.readyState === XMLHttpRequest.DONE) {
      if (httpRequest.status === 200) {
        // WHATEVER YOU WANT TO MAKE IT DO IF THE REQUEST IS SUCCESSFUL
      } else {
        alert('There was a problem with the request.');
      }
    }
  }

然后调用它我使用像这样的事件监听器

document.getElementById('WHATEVERIDMATTERS').addEventListener('click',postOrder);

如何做POST和GET请求相同的按钮jQuery

1 个答案: