I'm just starting out with jQuery and JSON and could use some assistance with formatting the string, specifically so I can properly iterate through it

Question

I'm just starting out with jQuery and JSON and could use some assistance with formatting the string, specifically so I can properly iterate through it

This is the controller.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
@RequestMapping("/getDropDownAjax")
public void fetchData(HttpServletRequest req,HttpServletResponse resp){

System.out.println("retrieving data through ajax");

String retrievedData=service.getData();

try {
resp.getWriter().write(retrievedData);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

}

This controller retrieves information from the service layer and it returns: [pg,ug]

This section deals with AJAX requests

function callAjax(){
$.ajax({
type:"GET",
url:"fetchData.htm",

success:function(data)
{
alert("success");
console.log(data);

},

error:function(){
alert("failed");
},
});

}

Now, I need to have pg and ug separately in order to add them to a select box. Thank you

javascript json

Answer 1

Answer №1

function sendRequest(){
$.ajax({
    method:"GET",
    dataType:"json", //instructs jquery to interpret result as json
    url:"retrieveData.htm",

    success:function(response)
            {
            alert("Request successful");
            console.log(response);

            //loop through each item in the response array
            for (var index in response) {
               alert(response[index]);
            }   

            },

    error:function(){
            alert("Request failed");
    },
});

}

Review the notes above

Answer 2

function sendRequest(){
$.ajax({
    method:"GET",
    dataType:"json", //instructs jquery to interpret result as json
    url:"retrieveData.htm",

    success:function(response)
            {
            alert("Request successful");
            console.log(response);

            //loop through each item in the response array
            for (var index in response) {
               alert(response[index]);
            }   

            },

    error:function(){
            alert("Request failed");
    },
});

}

Review the notes above

Answer 3

Answer №2

To handle the response from an AJAX call, make use of the jQuery.parseJSON( json string ) method.

 function fetchData(){
    $.ajax({
        type:"GET",
        url:"fetchDataFromServer.htm",

        success:function(result)
                {
                var resultData = jQuery.parseJSON(result);
                alert("Request successful");
                console.log(resultData);  

                },

        error:function(){
                alert("Request failed");
        },
    });

    }

Answer 4

To handle the response from an AJAX call, make use of the jQuery.parseJSON( json string ) method.

 function fetchData(){
    $.ajax({
        type:"GET",
        url:"fetchDataFromServer.htm",

        success:function(result)
                {
                var resultData = jQuery.parseJSON(result);
                alert("Request successful");
                console.log(resultData);  

                },

        error:function(){
                alert("Request failed");
        },
    });

    }

Answer 5

Answer №3

This definitely solved my issue. Huge thanks to everyone who contributed!

success:function(data)
            {
            alert("Success! The request was completed.");
            console.log(data);
            
            var slicedData = data.slice(1, -1);
            alert(slicedData);
            var departments = slicedData.split(",");
            for(var index in departments)
            {
            alert(departments[index]);
            }
            
            
            },

Answer 6

This definitely solved my issue. Huge thanks to everyone who contributed!

success:function(data)
            {
            alert("Success! The request was completed.");
            console.log(data);
            
            var slicedData = data.slice(1, -1);
            alert(slicedData);
            var departments = slicedData.split(",");
            for(var index in departments)
            {
            alert(departments[index]);
            }
            
            
            },

I'm just starting out with jQuery and JSON and could use some assistance with formatting the string, specifically so I can properly iterate through it

Answer №1

Answer №2

Answer №3

Similar questions

When attempting to decode the JSON response.body, an issue arises as it is not functioning as expected

Displaying array data without the need for a loop in Vue.js and Axios

Unable to pass Ajax value to Laravel controller

The data type 'boolean' cannot be assigned to the type 'CaseReducer<ReportedCasesState, { payload: any; type: string; }>'

Utilize SVGs efficiently by loading them once and reusing them

Gulp encountered an issue - TypeError: When attempting to call the 'match' method, it was found to be undefined

Transfer shader program with buffers from shadertoy to three.js

Vue.js 2: Keep an eye on changes, but wait until after the initial data fetch

JWPlayer has a built-in delay of 5 seconds before executing an action following the completion of a

When it comes to TypeScript, one can always rely on either event.target or event

The jQuery ajax function functions flawlessly on a local environment, but encounters issues when used on a

The search results from the autocomplete feature of the Spotify API appear to be missing

How can I use querySelector in JavaScript to target all div elements that have the same class?

Discover the size of objects in three.js

Prevent image upload until text is clicked on

JavaScript validation failing to validate number ranges for 4-digit numbers

What methods are available for identifying non-operational pointer-events?

Verify the placement within the text box

Developing modular applications with Vue.js and leveraging locally installed NPM packages

Keep the user on the current page even after submitting the parameter