Ajax is the solution to submit client side data on the server with reload the page . Today i am going to discuss the way By which you can submit the html form without refreshing the page . To do this you need following html code

<form id="my-ajax-fom">
  <input type="text" name="textfield" placeholder="Enter title">
  <textarea name="textareafield"></textarea>
  <input type="checkbox" value="check" name="checkbox"/>
  <select name="selectfield" id="check">
    <option value="check1">check 1</option>
    <option value="check2">check 2</option>
  </select>
  <input type="radio" name="radio" value="val1">
  <input type="radio" name="radio" value="val2">
  <button id="ajaxbutton">Submit</button> 
</form

Now you need to make an ajax call which will submit form data on server .Like given below

function ajaxFormSubmit(url, form, callback) {
    var formData = new FormData($(form)[0]);
    $.ajax({
        url: url,
        type: 'POST',
        data: formData,
        datatype: 'json',
        beforeSend: function() {
            // do some loading options
        },
        success: function(data) {
            callback(data);
        },

        complete: function() {
            // success alerts
        },

        error: function(xhr, status, error) {
            alert(xhr.responseText);
        },
        cache: false,
        contentType: false,
        processData: false

    });

}

Now we have a function

ajaxFormSubmit()

. and we can use this function to submit any Form with form id.

$(document).on('click','#ajaxbutton',function(e){
    e.preventDefault();
    var url="some url";
    ajaxFormSubmit(url,'#my-ajax-fom',function(output){
          alert('form submitted');
    })
});
http://codingbin.com/wp-content/uploads/2015/12/Untitled-1-copy6.jpghttp://codingbin.com/wp-content/uploads/2015/12/Untitled-1-copy6-150x150.jpgdevidjavascriptjQueryAjax is the solution to submit client side data on the server with reload the page . Today i am going to discuss the way By which you can submit the html form without refreshing the page . To do this you need following html code Now you need to...coding, php, wordpress, yii, cakephp, and  jquery

Are you want to get implementation help, or modify or extend the functionality of this script? Submit paid service request