How to use multiple Api in Ajax JQuery HTTP requests ?

In this tutorial im going to solve how to use multiple api HTTP request in one ajax success functions.

Solution:-

$(document).on('click', '.verification_token', function() {
    console.log('working edit button');
    $('#name_form').show();
    var id = $(this).attr('id');
    $('#form_result').html('');

$.ajax({
    type: "GET",
    data: {},
    url: "{{ url('/api/v1/j/webaccess/edit/') }}/" + id,
    headers: {
        "Authorization": "Bearer " + localStorage.getItem('a_u_a_b_t')
    },
    success: function(html) {
        console.log('value aa gaya edit ke page pe 1');
        console.log(html);
        var task = html.data.type_of_task;
        var emails = html.data.email_address;
        console.log("task yehi hai 1");
        console.log(task);
        console.log('email address me kya aa rha hai' + emails);
        var pwd = html.data.password;
    if (emails === null) {
        console.log('empty task me in kr gye hai');
        // Call another route or perform desired actions
        $.ajax({
            type: "GET",
            data: {},
            url: "{{ url('/api/v1/j/webaccess/bulkedit/') }}" + id,
            headers: {
                "Authorization": "Bearer " + localStorage.getItem(
                    'a_u_a_b_t')
            },
            success: function(data) {
                console.log(
                    'success bulk wala me in kr gye hai' +
                    data);
                // $('#myformModal_bulk').modal('show');
                $('#mywebsite_id').val(html.data.website);
                $('#tasktype_getting').val(html.data.website);
                console.log('website me kya aa rh hai' + html
                    .data.website);
                $('#uploadtoken_bulk').html(html.data
                    .token_engineer);
                console.log('upload token me kya aa rha hai' +
                    html.data.token_engineer);
                console.log(
                    'check kro token id me kya aa rha hai' +
                    html.data.tokenid);
                $('.modal-title-bulk').text("Bulk key");
                $('.modal-title_delete').text("Assets Delete");
                // $('#action_button').val("Update");
                // $('#action_button_bulk').val("Update");
                $('#mytoken_engineer_bulk').val(html.data
                    .token_engineer);
                $('#myid_bulk').val(html.data.id);
                $('#mytokenid_bulk').val(html.data.tokenid);
                console.log('id mera hai' + html.data.id);
                // $('#action_bulk').val("Update");
                $('#action_button_bulk').val("Update");
                $('#action_bulk').val("Update");
                $('#profile_hidden_id_bulk').val(id);
                $('#hidden_id_bulk').val(id);
                $('#myformModal_bulk').modal('show');
                // $('#myformModal').modal('show');

            },
            error: function(xhr, status, error) {
                // $('#addProfileModal').modal('show');

                console.log(
                    'bulk wala me error me in kr gye hai');
            }
        });
    } else if (pwd === null) {
        console.log('password me in kr gye hai' + pwd);
        $('#staticBackdrop').modal('show');
    } else {
        $('#mytype_of_task').val(html.data.type_of_task);
        $('#mywebsite').val(html.data.website);
        $('#myemail_address').val(html.data.email_address);
        $('#myproject_manager').val(html.data.maintenance_engineer);
        $('#mypassword').val(html.data.password);
        $('#myuser_name').val(html.data.user_name);
        $('#mywizard_project_name').val(html.data.wizard_project_name);
        $('#myadmin_email').val(html.data.admin_email);
        $('#myadmin_id').val(html.data.admin_id);
        $('#mytoken_engineer').val(html.data.token_engineer);
        $('#uploadtoken').html(html.data.token_engineer);
        $('#mytokenid').val(html.data.tokenid);
        $('#myid').val(html.data.id);
        $('.modal-title').text("Upload private key to decrypt 1");
        $('.modal-title_delete').text("Assets Delete");
        $('#action_button').val("Update");
        $('#action').val("Update");
        $('#myformModal').modal('show');
        $('#hidden_id').val(id);
    }
    }
});
});

Output:-

Hi I am Amit Kumar Thakur Experienced as s Software Developer with a demonstrated history of working in the information technology and services industry. Skilled in HTML, CSS, Bootstrap4, PHP, Laravel-9 , REST API,FB API,Google API, Youtube Api, Bitbucket,Github,Linux and jQuery. Strong engineering professional focused in Computer/Information Technology Administration and Management. Currently my profile is to Software Developer, analyze the requirement, creating frame for web application, coding and maintenance.

Related Posts

Top 25 Linux Commands for Users ?

In this tutorial i’m going to share Top 50 Important Linux Command for users with example. 1. Use of ls -la command. The ls -la command is…

XAMPP: Starting ProFTPD…/opt/lampp/share/xampp/xampplib: line 22: netstat: command not foundfail.

In this tutorial we’re going to solve the error XAMPP: Starting ProFTPD…/opt/lampp/share/xampp/xampplib: line 22: netstat: command not foundfail. Solution :- Next to restart the server

SQLSTATE[HY000] [2002] No such file or directory (Connection: mysql, SQL: insert into `oauth_clients` (`user_id`, `name`, `secret`

In this tutorial we are going to solve error SQLSTATE[HY000] [2002] No such file or directory (Connection: mysql, SQL: insert into oauth_clients (user_id, name, secret error: –…

The Go-To Influencer Platforms for 2024

In the ever-evolving landscape of influencer marketing, one platform has risen above the rest to claim its throne as the reigning champion in 2024: WizBrand. With its…

Medical Tourism: A Distinguished Name in Worldwide Healthcare Travel

In the expanding world of medical tourism, certain websites have established themselves as distinguished names, offering unparalleled access to global healthcare services. These platforms serve as crucial…

Call to a member function getClientOriginalExtension() on null

In this tutorial i’m going to learn how to solve this issue Call to a member function getClientOriginalExtension() on null. This error usually occurs when you try…

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x