$ .ajax() Fehler, um Wert zurückzugeben [Objekt HTMLInputElement]

Question

Jeder Prozess, Daten aus dem Eingabefeld zu empfangen und an die Datenbank zu senden, wird normal aufgenommen. Wenn ich versuche, Daten nach dem Senden an die Datenbank zu bekommen, bekomme ich einen Fehler [object HTMLInputElement].

Wenn ich den Rückkehrmodus text-html ändern gibt es die Daten effektiv diese Daten kommen zusammen mit Input-Feld, das Sie dies unten auf dem Druckbild-überprüfen;

Die Pfeile in der rot-Grenz Unterseite Eingabefeld darstellen.

$(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); 
        }); 
       } 
      }); 
     }); 
    }); 

Dies ist mein Ergebnis.

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

Answer 1

Es gibt keine Variable nameClient benannt ist, was du hast ist eine Eigenschaft eines Objekts, das heißt es payload.nameClient wäre.
jedoch Ihren Code gibt an, dass es ein Element mit dieser ID ist

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

Wenn Sie das tun nur

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

Was du wirklich

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

tun ist Und das ist in der Tat ein Element, da Elemente dem globalen Objekt basierend auf ihrem Namen/ihrer ID als Eigenschaften hinzugefügt werden.
Was Sie war wahrscheinlich

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

Als Nebenbemerkung wollte nur, Sie nicht Event-Handler innerhalb Event-Handler setzen sollte, wie Sie tun.