Laravel提交具有相同輸入名稱ajax的表單-有解無憂

我需要有關 ajax 功能的幫助。我有一個提交具有相同輸入名稱的資料的表單

當我在沒有 javascript 的情況下運行我的代碼時，我可以插入多個具有相同名稱的輸入資料，

提交結構

{"_token":"CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu","id":"7","service_name":["asfd","safd"]}

當我實作 javascript 時，一個連接的字串被發送到控制器，這使得 service_name 無法訪問。

FORMDATA： “_標記= CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 7＆SERVICE_NAME％5B％5D = sdfg＆SERVICE_NAME％5B％5D = gfds＆_token = CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 8＆_token = CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 9＆_token = CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 10＆_token = CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 11＆_token = CepbQkKwKziSRwDJKuqlEa5i4E21Y5jvSbmDNvqu＆ID = 18”

我的 javascript 函式

jQuery("form.ajax").on("submit", function (e) {
  e.preventDefault();
  jQuery.ajax({
    url: "/admin/adminpanel/insertService/",
    type: "post",
    data: {
      formdata: $(".ajax#servicesForm").serialize()
    },
    dataType: "JSON",
    success: function (response) {
      console.log(response);
    },
    error: function (jqXHR, exception) {
      var msg = "";
      if (jqXHR.status === 0) {
        msg = "Not connect.\n Verify Network.";
      } else if (jqXHR.status === 404) {
        msg = "Requested page not found. [404]";
      } else if (jqXHR.status === 500) {
        msg = "Internal Server Error [500].";
      } else if (exception === "parsererror") {
        msg = "function Requested JSON parse failed.";
      } else if (exception === "timeout") {
        msg = "Time out error.";
      } else if (exception === "abort") {
        msg = "Ajax request aborted.";
      } else {
        msg = "Uncaught Error.\n"   jqXHR.responseText;
      }
    }
  });
});

我的 PHP 控制器功能

public function insert(Request $request)
        {
    
             return response()->json($request);
    }

uj5u.com熱心網友回復：

使用 FormData 物件，發送 fromdata

fd = new FormData();

fd.append("input-name", value1);
fd.append("input-name2", value2 OR arry of value);


jQuery.ajax({
url: "/admin/adminpanel/insertService/",
type: "post",
data: {
  formdata: fd
}

uj5u.com熱心網友回復：

我找到了一個解決方法：

首先，我創建了一個陣列，并將的所有實體推input[name='service_name[]']送到該陣列中。

然后我傳遞了資料ajax并能夠插入資料。

var serviceArray = new Array(), id;
jQuery.map($("input[name='service_name[]']"), function(obj, index) {
    serviceArray.push($(obj).val());
});

我的ajax腳本然后：

jQuery.ajax({
    url: "/admin/adminpanel/insertService/",
    type: 'post',
    data: {
        'service_name': serviceArray,
        'id': id
    },
    dataType: 'JSON',
    success: function(response) {
        console.log(response);
    }
});

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/351450.html

標籤：javascript 阿贾克斯拉拉维尔

上一篇：JSON到HTMLCSS輸出

下一篇：如何驗證影像視圖？[復制]