jQuery不提交表格

Question

this is the button in jsp page:

<button id="saveProperty" name="saveProperty" class="btn btn-primary btn-sm" type="button"><spring:message code="be.ashblerje.personsave"/></button>

I don't know why jquery doesn't submit the form:

when the type of button is submit the form gets submits, but I dont want to be submitted in that way. when i make the submit as above and the type button it doesn't do anything.

$('#saveProperty').click(function(event) {
  var url = getAppContextPath() + 'propertyExist';
  var nameproperty = $("#nameproperty").val();
  var address = $("#address").val();
  $.ajax({
    type: "POST",
    url: url,
    data: {
      nameproperty: nameproperty,
      address: address
    },
    success: function(data) {
      if (data) {
        alert("Property already exist!");
        event.preventDefault();
      } else {
        $("#formProperty").submit();
      }
    }
  });
});

Answer 1

if you want to send json data to server by ajax, you must add properties like this:

$.ajax({
            url: url,
            type: 'post',
            contentType: 'application/json',
            dataType: 'json',
            data: JSON.stringify(send_data)
        }).always(function (response) {
            console.log(' response: ', response);
        });