値を返すための$ .ajax（）エラー[オブジェクトHTMLInputElement]

Question

入力フィールドからデータを受け取ってデータベースに送信するすべてのプロセスが正常に実行されています。私がデータベースに送信した後にデータを取得しようとすると、エラーが発生しています[object HTMLInputElement]。

私はtextからhtmlに復帰モードを変更すると、それは、このデータを使用して、以下の印刷画面上でこれを確認することができ、入力フィールドと一緒に来て効率的にデータを返します。

赤の矢印は、入力フィールドの境界、底表します。

$(document).ready(function() { 
     $('#publish-sell').click(function() { 
      var payload = { 
       nameClient: $('#nameClient').val(), 
       nameFantasySell: $('#nameFantasySell').val(), 
       addresOfClientSell: $('#addresOfClientSell').val(), 
       annotations: $('#annotations').val(), 
       neighborhood: $('#neighborhood').val(), 
       cep: $('#cep').val(), 
       phoneLandline: $('#phoneLandline').val(), 
       cellphone: $('#cellphone').val(), 
       autocompleteBusinessReseller: $('#autocompleteBusinessReseller').val(), 
       amountProduct: $('#amountProduct').val(), 
       productSoldSell: $('#productSoldSell').val(), 
       producFinalPrice: $('#producFinalPrice').val(), 
       registeredDaySell: $('#registeredDaySell').val() 
      }; 
      $.ajax({ 
       url: "/product/sell-sucess", 
       type: "POST", 
       contentType: "application/json", 
       processData: false, 
       data: JSON.stringify(payload), 
       complete: function (data) { 
        $("#printReceipt").click(function() { 
        $("#nameClientReciept").html(nameClient); 
        }); 
       } 
      }); 
     }); 
    }); 

この結果を出力します。

<h2 class="left-align white-text person-name" id="nameClientReciept"></h2> 

Answer 1

nameClientという名前の変数、何を持っていること、すなわち、それはpayload.nameClientだろう、オブジェクトのプロパティではありません。
は、あなたのコードはあなただけ

$("#nameClientReciept").html(nameClient); 

何を本当にやっていることは

$("#nameClientReciept").html(window.nameClient); 

でやることID

nameClient: $('#nameClient').val(), 

を持つ要素があることを示していますしかしそれは確かにあります要素としての要素は、その名前/ IDに基づいて、グローバルオブジェクトにプロパティとして追加されます。あなたが望んでいた何
はおそらく追記としてだけ

$("#nameClientReciept").html(data); 

たあなたがやっているように、あなたは、イベントハンドラ内でイベントハンドラを置くべきではありません。