Reusable AJAX Functions (Post/Get)

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.

Reusable AJAX Functions (Post/Get)

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

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 :

Summary

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

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.


Related FAQ

Here are some more FAQ related to this Article:

  1.   Vue js Remove Last Comma from String
  2.   Vuejs Live Search Filter Example with Demo
  3.   PHP Remove specific value from array
  4.   How to display Custom Validation Error Messages in laravel
  5.   Reusable jquery AJAX requests Multiple Times
  6.   Laravel Convert Array To Collection Example
  7.   check if folder exists before create directory Laravel
  8.   How to Multiple urls in one Ajax call
  9.   Reuse Code in jquery Ajax Methods
  10.   OneSignal Push Notification PHP API