最大呼び出しスタックが超過しました

Question

これは私のコードです、なぜ私はいつもこのエラーがありますか？ 自分のコードにループがありません。 ブラウザを使用しようとしますが、同じ結果が得られました。

$(document).on('click', '#add_sup_btn', function() { 
       var data = { 
        nama : document.getElementById("name_sup"), 
        alamat : document.getElementById("address_sup"), 
        phone : document.getElementById("phone_sup"), 
        email : document.getElementById("email_sup"), 
        name_pic : document.getElementById("name_pic"), 
        phone_pic : document.getElementById("phone_pic"), 
        email_pic : document.getElementById("email_pic") 
       } 
       sendData(data); 
      }); 

     function sendData(param) { 
      $.ajax({ 
       type : 'POST', 
       url : 'upload/add_suplier', 
       dataType : 'json', 
       data : param, 
       success :function() { 
        $('#addSuplier').hide(); 
        $('.modal-backdrop').hide(); 
        console.log(); 
       }, 
       error : function() { 
        alert('Fail'); 
       } 
      }); 
     } 

Answer 1

DOM要素をJSONリクエストとして送信しようとしています。 DOM要素をこの方法でエンコードすることはできませんし、可能であれば、あまりにも多くの情報（幅と高さのイベントハンドラ、子ノードや親ノードなど）が含まれています。実際、あなたが得る特定のエラーはおそらくDOMツリー内の子への親と親を指す子の再帰的ネストによって引き起こされます。

は代わりに、dataを設定するには（どちら送りたい実際の情報が含まれているのか）value属性を使用します。

data.nama : document.getElementById("name_sup").value 

例えば。