Reusable AJAX Functions (Post/Get)

Rate this post

Today, We want to share with you Reusable AJAX Functions (Post/Get).In this post we will show you Reusing AJAX function multiple times, hear for jquery multiple ajax calls in sequence we will give you demo and example for implement.In this post, we will learn about jQuery Ajax Calls in Web Applications with an example.

Free Live Chat for Any Issue

Reusable AJAX Functions (Post/Get)

There are the Following The simple About Reusable AJAX Functions (Post/Get) Full Information With Example and source code.

Read Also:  How to Multiple urls in one Ajax call

As I will cover this Post with live Working example to develop nested ajax calls, so the some problem with multiple ajax requests for this example is following below.

Reusable jQuery Ajax ($.ajax) Example

Reusable jquery ajax Function (index.html)


    
        
        <title>reusable jquery ajax - pakainfo.com</title>
    
    
	<h3>jQuery Ajax Calls in Web Applications</h3>

        
<!-- SCRIPTS -->

    
    function getMainUrl(url) {
        return '' + (url || '');
    }

    function doAjaxprocess(url, params, successCallback, errorCallback) {
        $.ajax({
            success : successCallback,
            error : errorCallback,
            data : params,
            url : url,
            type : 'POST',
            dataType : 'json'
        });
    }

    var user_type = "employee";
    doAjaxprocess(
        getMainUrl('do_submit_data_app.php?action=product_insert&user_type=' + user_type), 
        { 
            data : 'abc' 
        }, 
        function(resp) { 
            alert('Success');
            console.log(resp);
        },
        function(errorCallback) {
            alert('display some error');
            console.log(errorCallback);
        }
    );

    
    

Web Programming Tutorials Example with Demo

Read :

Read Also:  remove all options from select jquery

Summary

You can also read about AngularJS, ASP.NET, VueJs, PHP.

Download

I hope you get an idea about Reusable AJAX Functions (Post/Get).
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.