Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

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

MotoShare Launches Bike Rental Services in Gokarna

Gokarna, known for its serene beaches, religious sites, and breathtaking landscapes, has become a favored destination for both local and international tourists. To make exploring Gokarna easier…

The Growing Impact of DevOps Consulting on Global Business Transformation

In the rapidly evolving digital landscape, businesses are under constant pressure to deliver high-quality software faster and more efficiently. This need for speed and agility has propelled…

Explore Chennai: Events, Attractions, and Must-See Places

Chennai, the bustling capital of Tamil Nadu, is a city rich in history, culture, and modern attractions. Whether you’re a resident or a traveler, Chennai offers a…

Discover Bengaluru with Bangalore Orbit: Your Ultimate Travel Companion

Introduction: Bangalore Orbit is your comprehensive guide to exploring Bengaluru and its enchanting surroundings. From tourist destinations to city events, tours, and travel blogs, Bangalore Orbit ensures…

Why DevOps Consulting is Critical for Startups

In the fast-paced world of startups, agility, efficiency, and rapid innovation are paramount for success. DevOps practices, which integrate development and operations to streamline workflows and accelerate…

How to Prepare for a DevOps Consulting Engagement

Embarking on a DevOps consulting engagement is a strategic move that can transform your organization’s IT operations, enhance efficiency, and accelerate innovation. Proper preparation is crucial to…

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