Breaking News: Grepper is joining You.com. Read the official announcement!

ajaxpost

Wandering Worm answered on July 9, 2022 Popularity 3/10 Helpfulness 1/10

answer ajaxpost

ajaxpost

Comment

/* Attach a submit handler to the form */
$("#foo").submit(function(event) {
     var ajaxRequest;

    /* Stop form from submitting normally */
    event.preventDefault();

    /* Clear result div*/
    $("#result").html('');

    /* Get from elements values */
    var values = $(this).serialize();

    /* Send the data using post and put the results in a div */
    /* I am not aborting previous request because It's an asynchronous request, meaning 
       Once it's sent it's out there. but in case you want to abort it  you can do it by  
       abort(). jQuery Ajax methods return an XMLHttpRequest object, so you can just use abort(). */
       ajaxRequest= $.ajax({
            url: "test.php",
            type: "post",
            data: values
        });

      /*  request cab be abort by ajaxRequest.abort() */

     ajaxRequest.done(function (response, textStatus, jqXHR){
          // show successfully for submit message
          $("#result").html('Submitted successfully');
     });

     /* On failure of request this function will be called  */
     ajaxRequest.fail(function (){

       // show error
       $("#result").html('There is error while submit');
     });

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.web-gelistirme-sc.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 09 2022

Wandering Worm

0 Answers Avg Quality 2/10

ajaxpost

Contents

More Related Answers

ajaxpost

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.