files php ajax,uploading files with jquery $.ajax and php

You can't upload files with AJAX, but you can use an iframe so you don't have to refresh the current page.

Many people go strait to plugins but you can do this yourself pretty easily, and with all the functionality of an AJAX request.

Instead of using an AJAX function, have a form submit to a hidden iframe that has a load event handler attached to it so when the form is submitted, you have a callback function that actually includes the server response (the HTML of the iframe after it loads).

Example:

HTML --

JS --

$(function () {

$('form').on('submit', function () {

//check if the form submission is valid, if so just let it submit

//otherwise you could call `return false;` to stop the submission

});

$('#workFrame').on('load', function () {

//get the response from the server

var response = $(this).contents().find('body').html();

//you can now access the server response in the `response` variable

//this is the same as the success callback for a jQuery AJAX request

});

});