how to parse a json file into a Listview with volley

Question

I am working on an app and I need to get some data from the internet like the name and email, I watched some tutorials on how to use volley to parse a JSON file and get my data from the internet which worked but now I want to display some data(all the names in the JSON file) in a ListView but my app crashes when I run it, here is a simplified code:

public class MainActivity extends Activity {

// json array response url
private String urlJsonArry = "https://api.myjson.com/bins/1d60wu";
private String jsonResponse;
ListView nameList;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    nameList = (ListView) findViewById(R.id.nameList);


    JsonArrayRequest req = new JsonArrayRequest(urlJsonArry,
            new Response.Listener<JSONArray>() {
                @Override
                public void onResponse(JSONArray response) {

                    try {

                        ArrayList al = new ArrayList();

                        for (int i = 0; i < response.length(); i++) {

                            JSONObject person = (JSONObject) response
                                    .get(i);

                            // al.add(response.get(i));
                            al.add(person.getString("name"));

                        }

                        ArrayAdapter adapter = new ArrayAdapter(getApplicationContext(), android.R.layout.simple_list_item_1, al);
                        nameList.setAdapter(adapter);

                    } catch (JSONException e) {
                        e.printStackTrace();
                        Toast.makeText(getApplicationContext(),
                                "Error: " + e.getMessage(),
                                Toast.LENGTH_LONG).show();
                    }


                }
            }, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError error) {
            VolleyLog.d(TAG, "Error: " + error.getMessage());
            Toast.makeText(getApplicationContext(),
                    error.getMessage(), Toast.LENGTH_SHORT).show();
        }
    });

    // Adding request to request queue
    RequestQueue rQueue = Volley.newRequestQueue(MainActivity.this);
    rQueue.add(req);
}}

JSON CODE

    [
  {
    "name": "Ravi Tamada",
    "email": "ravi8x@gmail.com",
    "phone": {
      "home": "08947 000000",
      "mobile": "9999999999"
    }
  },
  {
    "name": "opeyemi sanusi",
    "email": "rffddg@gmail.com",
    "phone": {
      "home": "08457 000000",
      "mobile": "999944999"
    }
  },
  {
    "name": "james bond",
    "email": "dfgdg@gmail.com",
    "phone": {
      "home": "05657 000000",
      "mobile": "999944999"
    }
  },
  {
    "name": "Tommy",
    "email": "tommy@gmail.com",
    "phone": {
      "home": "08946 000000",
      "mobile": "0000000000"
    }
  }
]

I just want to get the names in each array displayed in the listview, that is - Ravi Tamada, opeyemi Sanusi, James bond etc

Answer 1

Hi replace your request code like below and you will not faced crash. I have also checked in my device and now I can fill listview with array. And ya don't forget to give permission of internet in manifest.

 StringRequest req = new StringRequest(urlJsonArry,
            new Response.Listener<String>() {
                @Override
                public void onResponse(String response) {

                    try {

                        ArrayList al = new ArrayList();
                        JSONArray jsonArray = new JSONArray(response);
                        for (int i = 0; i < jsonArray.length(); i++) {
                            JSONObject jsonObject = jsonArray.getJSONObject(i);
                            if (jsonObject.has("name")) {
                                al.add(jsonObject.getString("name"));
                            }
                        }

                        ArrayAdapter adapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, al);
                        nameList.setAdapter(adapter);

                    } catch (JSONException e) {
                        e.printStackTrace();
                        Toast.makeText(getApplicationContext(),
                                "Error: " + e.getMessage(),
                                Toast.LENGTH_LONG).show();
                    }


                }
            }, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError error) {
            VolleyLog.d("Error", "Error: " + error.getMessage());
            Toast.makeText(getApplicationContext(),
                    error.getMessage(), Toast.LENGTH_SHORT).show();
        }
    });

    // Adding request to request queue
    RequestQueue rQueue = Volley.newRequestQueue(MainActivity.this);
    rQueue.add(req);

Answer 2

setContentView(R.layout.activity_main); was missing.

this code would work

package com.radline.radapp.radapp;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.VolleyLog;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.util.ArrayList;


public class MainActivity extends Activity {

    String urlJsonArry = "https://api.myjson.com/bins/1d60wu";
    ListView nameList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        nameList = (ListView) findViewById(R.id.nameList);

        StringRequest req = new StringRequest(urlJsonArry,
                new Response.Listener<String>() {
                    @Override
                    public void onResponse(String response) {

                        try {

                            ArrayList al = new ArrayList();
                            JSONArray jsonArray = new JSONArray(response);
                            for (int i = 0; i < jsonArray.length(); i++) {
                                JSONObject jsonObject = jsonArray.getJSONObject(i);
                                if (jsonObject.has("name")) {
                                    al.add(jsonObject.getString("name"));
                                }
                            }

                            ArrayAdapter adapter = new ArrayAdapter(MainActivity.this, android.R.layout.simple_list_item_1, al);
                            nameList.setAdapter(adapter);

                        } catch (JSONException e) {
                            e.printStackTrace();
                            Toast.makeText(getApplicationContext(),
                                    "Error: " + e.getMessage(),
                                    Toast.LENGTH_LONG).show();
                        }


                    }
                }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                VolleyLog.d("Error", "Error: " + error.getMessage());
                Toast.makeText(getApplicationContext(),
                        error.getMessage(), Toast.LENGTH_SHORT).show();
            }
        });

        // Adding request to request queue
        RequestQueue rQueue = Volley.newRequestQueue(MainActivity.this);
        rQueue.add(req);
    }
}