ajax 带有 php,带有PHP的jQuery Ajax POST示例

This is a very good article that contains everything that you need to know about jQuery form submission.

Article summary:

Simple HTML Form Submit

HTML:

Name

Email

Website

JavaScript:

$("#my_form").submit(function(event){

event.preventDefault(); // Prevent default action

var post_url = $(this).attr("action"); // Get the form action URL

var request_method = $(this).attr("method"); // Get form GET/POST method

var form_data = $(this).serialize(); // Encode form elements for submission

$.ajax({

url : post_url,

type: request_method,

data : form_data

}).done(function(response){ //

$("#server-results").html(response);

});

});

HTML Multipart/form-data Form Submit

To upload files to the server, we can use FormData interface available to XMLHttpRequest2, which constructs a FormData object and can be sent to server easily using the jQuery Ajax.

HTML:

Name

Email

Website

JavaScript:

$("#my_form").submit(function(event){

event.preventDefault(); // Prevent default action

var post_url = $(this).attr("action"); // Get form action URL

var request_method = $(this).attr("method"); // Get form GET/POST method

var form_data = new FormData(this); // Creates new FormData object

$.ajax({

url : post_url,

type: request_method,

data : form_data,

contentType: false,

cache: false,

processData: false

}).done(function(response){ //

$("#server-results").html(response);

});

});

I hope this helps.