$ .ajax（）を介してフォーム要素と配列を送信

Question

$ .ajax（）メソッドをいくつかのフォーム要素と配列に渡す必要があります。どのように私はシリアライズと配列をAJAXで送ることができますか？

怒鳴る

私のコード：あなたはこの方法でそれを呼び出す必要がありますので

function loadgraficosajax(){ 
 
\t \t var arr = ['331234','142323','327767']; 
 
    
 
    \t var data = $('#p-form').serialize; 
 
    
 
     $.ajax({ 
 
      type: "POST", 
 
      url: "/page/show", 
 
      data: data, 
 
      dataType : 'html', 
 
      success: function (msg) { 
 
       $(document).ajaxComplete(function (event, request, settings) { 
 
        $('.has-error').removeClass('has-error'); 
 

 
        $(document).off('ajaxComplete').off('ajaxSend'); 
 
        $('#addajax').html(msg); 
 
       }); 
 
      } 
 
     }); 
 
\t }

Answer 1

serializeは、jQueryのでは方法、ない財産です。

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

とします配列を渡してparamメソッドを使用し、配列がObject内になるように配列を変更する必要があります。配列名はobjです電気ショック療法プロパティ：

var arr = { arr: ['331234','142323','327767'] }; 
var data = $('#p-form').serialize(); 
data += '&' + $.param(arr); 

paramは、シリアライズされた文字列に、オブジェクトを変換します：

console.log($.param(arr)); // "arr[]=331234&arr[]=142323&arr[]=327767" 

Answer 2

var formData = new FormData($('#p-form')[0]); 

var arr = ['331234','142323','327767']; 

// append array to formData 
formData.append('arr',JSON.stringify(arr)); 

$.ajax({ 
    type: "POST", 
    url: "/page/show", 
    data: formData, 
    success:..... 

Answer 3

あなたが送ることができる文字列化されたオブジェクトに2つのアイテムをバンドルできます。

function loadgraficosajax(){ 
    var arr = ['331234','142323','327767']; 

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

    var request = { 
     array: arr, 
     elements: data 
    } 

    var data = JSON.stringify(request); 

    $.ajax({ 
     type: "POST", 
     url: "/page/show", 
     data: data, 
     dataType : 'json', 
     success: function (msg) { 
      $(document).ajaxComplete(function (event, request, settings) { 
       $('.has-error').removeClass('has-error'); 

       $(document).off('ajaxComplete').off('ajaxSend'); 
       $('#addajax').html(msg); 
      }); 
     } 
    }); 
}