发送数据将 [object HTMLInputElement] 作为查询响应

Question

我正在尝试将用户表单数据发送到合作伙伴端点，如下所示：

$('#registrationFrm').on('submit', function(e){
e.preventDefault();
$.ajax({
type: "POST",
url: "https://pixel.plexop.com/?country="+countryid+"&_v=6&name="+firstName+"&lastname="+lastName+"&phone="+phone
+"&email="+emailid+"&ud=&e=2&adv=1&a=4&f=221161&FormId=1807&SerialId=1210053",
data: $("#registrationFrm").serialize(),
success: function() {
alert('success');
 }
});
});

我得到了 200 个“OK”回复，但是当我在“网络”上检查它时，我收到了这个数据：

Query string: country   "[object HTMLSelectElement]
Query string: name  "[object HTMLInputElement]
Query string: lastname  "[object HTMLInputElement]"

我的表单如下所示：

<form id="registrationFrm" >
      <div class="form-group has-feedback">
        <input type="text" class="form-control" placeholder="First Name" name="firstName" id="firstName" required />
        <span class="glyphicon glyphicon-user form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="text" class="form-control" placeholder="Last Name" name="lastName" id="lastName" required />
        <span class="glyphicon glyphicon-user form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="tel" class="form-control" placeholder="Phone No" name="phone" id="phone" required />
        <span class="glyphicon glyphicon-earphone form-control-feedback"></span>

我在这里做错了什么？

Answer 1

可能，您定义变量如下：

const firstName = document.getElementById('firstName');
/*and so*/

但你应该这样做：

const firstName = document.getElementById('firstName').value;

UPD：

$('#registrationFrm').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url:
            'https://pixel.plexop.com/?country=' +
            countryid.value +
            '&_v=6&name=' +
            firstName.value +
            '&lastname=' +
            lastName.value +
            '&phone=' +
            phone.value +
            '&email=' +
            emailid.value +
            '&ud=&e=2&adv=1&a=4&f=221161&FormId=1807&SerialId=1210053',
        data: $('#registrationFrm').serialize(),
        success: function () {
            alert('success');
        }
    });
});