jQuery不提交表格

时间:2019-08-27 07:41:55

标签: javascript jquery submit

这是jsp页面中的按钮:

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

我不知道为什么jquery不提交表单:

当按钮的类型为Submit时,表单将被提交,但是我不希望以这种方式提交。当我按上述方式进行提交并输入类型按钮时,它什么也没做。

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

1 个答案:

答案 0 :(得分:0)

如果要通过ajax将json数据发送到服务器,则必须添加如下属性:

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