Broaden the reach of the ajax .done function to encompass the surrounding function

Question

Broaden the reach of the ajax .done function to encompass the surrounding function

It seems like my previous attempts to find a solution for the function below were unsuccessful:

    function countNoFilters(keyword){

    keyword = typeof keyword !== 'undefined' ? keyword : "keyword="+$("#keyword-hidden").val();

    var getResults = $.ajax({
        type:"GET",
        url:"",
        data:keyword

    });

    getResults.done(function(data){
        var results = $(data).find(".class").length;
        return results;
    });
}

How do I make the function 'countNoFilters("keyword")' return the value from the .done function within it? It would be greatly appreciated if someone could provide a functional example tailored to this specific function.

javascript ajax scope return

Answer 1

Answer №1

One approach you could take is by utilizing a function variable wherein the `gresult` variable gets assigned within the done function and then returned at the end of the `countNoFilters` function like so:

function countNoFilters(keyword){

    var gresult;

    keyword = typeof keyword !== 'undefined' ? keyword : "keyword="+$("#keyword-hidden").val();

    var getResults = $.ajax({
        type:"GET",
            url:"",
            data:keyword

    });

    getResults.done(function(data){
        var results = $(data).find(".class").length;
        gresult = results;
    });

    return gresult;
}

Answer 2

One approach you could take is by utilizing a function variable wherein the `gresult` variable gets assigned within the done function and then returned at the end of the `countNoFilters` function like so:

function countNoFilters(keyword){

    var gresult;

    keyword = typeof keyword !== 'undefined' ? keyword : "keyword="+$("#keyword-hidden").val();

    var getResults = $.ajax({
        type:"GET",
            url:"",
            data:keyword

    });

    getResults.done(function(data){
        var results = $(data).find(".class").length;
        gresult = results;
    });

    return gresult;
}

Answer 3

Answer №2

To ensure synchronous execution, remember to include async:false. Execute the code snippet provided below:

function findNoFilters(keyword){

    var searchResult;

    keyword = typeof keyword !== 'undefined' ? keyword : "keyword="+$("#hidden-keyword").val();

    var fetchResults = $.ajax({
        type:"GET",
            url:"",
            data:keyword,
            async:false
        });

    fetchResults.done(function(data){
            var resultsCount = $(data).find(".class").length;
            searchResult = resultsCount;
        });

    return searchResult;
}

Answer 4

To ensure synchronous execution, remember to include async:false. Execute the code snippet provided below:

function findNoFilters(keyword){

    var searchResult;

    keyword = typeof keyword !== 'undefined' ? keyword : "keyword="+$("#hidden-keyword").val();

    var fetchResults = $.ajax({
        type:"GET",
            url:"",
            data:keyword,
            async:false
        });

    fetchResults.done(function(data){
            var resultsCount = $(data).find(".class").length;
            searchResult = resultsCount;
        });

    return searchResult;
}

Broaden the reach of the ajax .done function to encompass the surrounding function

Answer №1

Answer №2

Similar questions

Reactjs slider causes unexpected useState behavior

Tips for navigating to an external website through GraphQL

Typescript: Why Lines Are Not Rendering on Canvas When Using a For-Loop

I require fixed headers that no longer stick once reaching a specific point

The barcode is not displaying when using javascript:window.print() to print

Why won't my setTimeout function work?

Is there a quicker alternative to the 500ms delay caused by utilizing Display:none?

Ensure that the dropdown menu remains visible even after the mouse no longer hovers over it

Modifying button text with jQuery is not feasible

Unable to adjust the height of an MP4 video to properly display within a Material Box in both landscape and portrait orientations

What is the process for requiring web workers in npm using require()?

Using the power of ReactJS, efficiently make an axios request in the

Building a High-Performance Angular 2 Application: A Comprehensive Guide from Development to

Leverage the Google Drive API for the storage of app-specific data

What could be the reason for my ajax request coming back with no data?

Utilizing imported components to set state in React

React - Refreshing a component with the help of another component

Issues with sending emails through Nodemailer in a Next.js project using Typescript

Internet Explorer versions 9 and 10 do not support the CSS property "pointer-events: none"

Utilizing Node.js with Graphics Magick to generate high-quality cropped thumbnails without sacrificing image resolution