Gửi biểu mẫu bằng

Trên thực tế, để gửi biểu mẫu input của bạn loại cần được submit , không phải nút button .

Sử dụng nút button thẻ cũng sẽ hoạt động.

<input type="submit" id="submitDetails" class="submitDetails" name="submitDetails" value="Submit Your Details" />

Trừ khi bạn có một số mã javascript kích hoạt gửi biểu mẫu.

Thuộc tính action cũng là bắt buộc theo đặc điểm kỹ thuật, nhưng ngay cả khi không có nó, hầu hết các trình duyệt đều giả định URL hành động là trang hiện tại.

Chỉnh sửa :Nếu bạn muốn gửi dữ liệu biểu mẫu mà không cần tải lại trang, bạn có để sử dụng ajax hoặc đặt toàn bộ biểu mẫu dưới iframe . (Vui lòng làm điều đó với ajax thay thế).

Nếu không, hãy nhấp vào input[type=button] sẽ không thực sự làm được gì cả.

Dữ liệu người dùng là dữ liệu thực tế từ biểu mẫu của bạn, bạn có thể nắm bắt nó bằng cách sử dụng:

$(document).ready(function() {
  $(".submitDetails").click(function(e) {
      e.preventDefault();

    // See Teez answer, I wasn't aware of this.
    var dataToSend = $("#userDetails").serializeArray();

    $.ajax({                
        url: "userDetailTest.php", 
        type: "POST",
        data: dataToSend,     
        cache: false,
        success: function(php_output)
        {
         $(".overallSummary").html(php_output);
        }    
    });
  });
});