http post get - JSON Parsing in Android over HTTP

글 수 48

JSON Parsing in Android over HTTP

admin

http://webs.co.kr/index.php?document_srl=3315410

2018.05.07 16:54:03 (*.160.88.18)

650

http://www.androiddeft.com/2017/09/10/json-parsing-android-http/

JSON (JavaScript Object Notation) is a syntax used to store and exchange data between the application and the server. It is the best alternative to XML. JSON is easy to read and understand. In this tutorial, we will learn how to retrieve JSON data from the server using HttpURLConnection, parse the JSON and display it in a customized ListVew.

Table of Contents [hide]

Understanding the JSON Structure

JSON comprises of JSON Objects and JSON Arrays.

JSON Object:

A JSON object begins with { (left brace) and ends with } (right brace). Each name is followed by : (colon) and the name/value pairs are separated by , (comma).

JSON Array:

A JSON array begins with [ (left bracket) and ends with ] (right bracket). Values are separated by , (comma).

Values:

A value can be another JSON Object, JSON array, String, Number, Boolean value or NULL.

Creating Project and Adding Permissions

1. Create a Project named JSON Parsing in Android Studio.

2. Create the following package structure.

3. Add INTERNET permission to AndroidManifest.xml, since we are fetching the JSON data from the server. Open AndroidManifest.xml and add the following line:

<uses-permission android:name=”android.permission.INTERNET” />

AndroidManifest.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
	package="com.androiddeft.jsonparsing">
 
	<uses-permission android:name="android.permission.INTERNET" />
	<application
		android:allowBackup="true"
		android:icon="@mipmap/ic_launcher"
		android:label="@string/app_name"
		android:supportsRtl="true"
		android:theme="@style/AppTheme">
		<activity android:name=".MainActivity">
			<intent-filter>
				<action android:name="android.intent.action.MAIN" />
 
				<category android:name="android.intent.category.LAUNCHER" />
			</intent-filter>
		</activity>
	</application>
 
</manifest>

Parsing JSON using HttpJsonParser

Inside utils package, create a class named HttpJsonParser. This class helps in retrieving the JSON data from the server using HttpURLConnection.

HttpJsonParser.java
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
package com.androiddeft.jsonparsing.utils;
 
/**
 * Created by Abhi on 19 Jun 2017 019.
 */
 
 
import android.net.Uri;
import android.util.Log;
 
import org.json.JSONException;
import org.json.JSONObject;
 
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.UnsupportedEncodingException;
import java.net.HttpURLConnection;
import java.net.ProtocolException;
import java.net.URL;
import java.util.Map;
 
public class HttpJsonParser {
 
    private static InputStream is = null;
    private static JSONObject jObj = null;
    private static String json = "";
    private HttpURLConnection urlConnection = null;
 
    /**
     * This method helps in retrieving data from HTTP server using HttpURLConnection.
     *
     * @param url    The HTTP URL where JSON data is exposed
     * @param method HTTP method: GET or POST
     * @param params Query parameters for the request
     * @return This method returns the JSON object fetched from the server
     */
    public JSONObject makeHttpRequest(String url, String method,
                                      Map<String, String> params) {
 
        try {
            Uri.Builder builder = new Uri.Builder();
            URL urlObj;
            String encodedParams = "";
            if (params != null) {
                for (Map.Entry<String, String> entry : params.entrySet()) {
                    builder.appendQueryParameter(entry.getKey(), entry.getValue());
                }
            }
            if (builder.build().getEncodedQuery() != null) {
                encodedParams = builder.build().getEncodedQuery();
 
            }
            if ("GET".equals(method)) {
                url = url + "?" + encodedParams;
                urlObj = new URL(url);
                urlConnection = (HttpURLConnection) urlObj.openConnection();
                urlConnection.setRequestMethod(method);
 
 
            } else {
                urlObj = new URL(url);
                urlConnection = (HttpURLConnection) urlObj.openConnection();
                urlConnection.setRequestMethod(method);
                urlConnection.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");
                urlConnection.setRequestProperty("Content-Length", String.valueOf(encodedParams.getBytes().length));
                urlConnection.getOutputStream().write(encodedParams.getBytes());
            }
            //Connect to the server
            urlConnection.connect();
            //Read the response
            is = urlConnection.getInputStream();
            BufferedReader reader = new BufferedReader(new InputStreamReader(is));
            StringBuilder sb = new StringBuilder();
            String line;
 
            //Parse the response
            while ((line = reader.readLine()) != null) {
                sb.append(line + "\n");
            }
            is.close();
            json = sb.toString();
            //Convert the response to JSON Object
            jObj = new JSONObject(json);
 
 
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        } catch (ProtocolException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } catch (JSONException e) {
            Log.e("JSON Parser", "Error parsing data " + e.toString());
        } catch (Exception e) {
            Log.e("Exception", "Error parsing data " + e.toString());
        }
 
        // return JSON Object
        return jObj;
 
    }
}

Creating EmployeeDetails Class

We will be handling employee data in this tutorial. So let’s create a Java bean called EmployeeDetails inside beans package.

HttpJsonParser.java
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
package com.androiddeft.jsonparsing.beans;
 
/**
 * Created by Abhi on 03 Sep 2017 003.
 */
 
public class EmployeeDetails {
    private Integer employeeId;
    private String name;
    private String dob;
    private String designation;
    private String contactNumber;
    private String email;
    private String salary;
 
    public Integer getEmployeeId() {
        return employeeId;
    }
 
    public void setEmployeeId(Integer employeeId) {
        this.employeeId = employeeId;
    }
 
    public String getName() {
        return name;
    }
 
    public void setName(String name) {
        this.name = name;
    }
 
    public String getDob() {
        return dob;
    }
 
    public void setDob(String dob) {
        this.dob = dob;
    }
 
    public String getDesignation() {
        return designation;
    }
 
    public void setDesignation(String designation) {
        this.designation = designation;
    }
 
 
    public String getEmail() {
        return email;
    }
 
    public void setEmail(String email) {
        this.email = email;
    }
 
    public String getSalary() {
        return salary;
    }
 
    public void setSalary(String salary) {
        this.salary = salary;
    }
 
    public String getContactNumber() {
        return contactNumber;
    }
 
    public void setContactNumber(String contactNumber) {
        this.contactNumber = contactNumber;
    }
}

The UI for Displaying the Data

We will have customized List View for displaying the data.

Open activity_main.xml and add a List View.

activity_main.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	android:id="@+id/activity_main"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:paddingBottom="8dp"
	android:paddingLeft="8dp"
	android:paddingRight="8dp"
	android:paddingTop="8dp"
	tools:context="com.androiddeft.jsonparsing.MainActivity">
 
	<ListView
		android:layout_marginTop="8dp"
		android:layout_marginLeft="8dp"
		android:layout_marginRight="8dp"
		android:id="@+id/employeeList"
		android:layout_width="fill_parent"
		android:layout_height="match_parent"
		android:divider="@android:color/transparent"
		android:dividerHeight="5dp"
		android:scrollbars="vertical"
		 />
</RelativeLayout>

Now create a file employee_row.xml in layout folder, which contains Text Views to display employee data.

employee_row.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="@drawable/employee_background"
	android:orientation="vertical">
 
	<TextView
		android:id="@+id/employeeId"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_blue_light"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/name"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/dob"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/designation"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/contact_number"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/email"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
	<TextView
		android:id="@+id/salary"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:fontFamily="serif"
		android:padding="10dp"
		android:textColor="@android:color/holo_purple"
		android:textSize="18sp" />
 
</LinearLayout>

Create a file employee_background.xml inside the drawable folder. This will provide background for each element in the list view.

employee_background.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="rectangle" >
 
	<!-- View background color -->
	<solid
		android:color="#fff" >
	</solid>
 
	<!-- View border color and width -->
	<stroke
		android:width="1dp"
		android:color="#aaa" >
	</stroke>
 
	<!-- The radius makes the corners rounded -->
	<corners
		android:radius="2dp"   >
	</corners>
 
</shape>

Creating a ListView using Custom Adapter

In order to display the fetched JSON data from the server, we will be customizing the ArrayAdapter. Create a class EmployeeAdapter in adapter package.

EmployeeAdapter.java
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
package com.androiddeft.jsonparsing.adapter;
 
import android.content.Context;
import android.support.annotation.NonNull;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
 
import com.androiddeft.jsonparsing.R;
import com.androiddeft.jsonparsing.beans.EmployeeDetails;
 
import java.util.List;
 
 
/**
 * Created by Abhi on 03 Sep 2017 008.
 */
 
public class EmployeeAdapter extends ArrayAdapter<EmployeeDetails> {
    private static final String KEY_EMPLOYEE_ID = "Employee Id: ";
    private static final String KEY_NAME = "Name: ";
    private static final String KEY_DOB = "Date of Birth: ";
    private static final String KEY_DESIGNATION = "Designation: ";
    private static final String KEY_CONTACT_NUMBER = "Contact Number: ";
    private static final String KEY_EMAIL = "Email: ";
    private static final String KEY_SALARY = "Salary: ";
    private List<EmployeeDetails> dataSet;
 
    public EmployeeAdapter(List<EmployeeDetails> dataSet, Context mContext) {
        super(mContext, R.layout.employee_row, dataSet);
        this.dataSet = dataSet;
    }
 
 
    @NonNull
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = convertView;
        if (v == null) {
            LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = inflater.inflate(R.layout.employee_row, null);
        }
        EmployeeDetails employee = dataSet.get(position);
        if (employee != null) {
            //Text View references
            TextView employeeId = (TextView) v.findViewById(R.id.employeeId);
            TextView name = (TextView) v.findViewById(R.id.name);
            TextView dob = (TextView) v.findViewById(R.id.dob);
            TextView designation = (TextView) v.findViewById(R.id.designation);
            TextView contactNumber = (TextView) v.findViewById(R.id.contact_number);
            TextView email = (TextView) v.findViewById(R.id.email);
            TextView salary = (TextView) v.findViewById(R.id.salary);
            
            //Updating the text views
            employeeId.setText(KEY_EMPLOYEE_ID + employee.getEmployeeId());
            name.setText(KEY_NAME + employee.getName());
            dob.setText(KEY_DOB + employee.getDob());
            designation.setText(KEY_DESIGNATION + employee.getDesignation());
            contactNumber.setText(KEY_CONTACT_NUMBER + employee.getContactNumber());
            email.setText(KEY_EMAIL + employee.getEmail());
            salary.setText(KEY_SALARY + employee.getSalary().toString());
        }
 
        return v;
    }
}

Fetching Individual JSON Nodes

We use the following methods to fetch the JSON nodes:

getJSONArray(String name) : fetches JSON array from JSON object.

getJSONObject(int index) : fetches JSON object from a JSON array.

getString(String name) : fetches String value from JSON object.

getInt(String name) : fetches Integer value from JSON object.

Calling makeHttpRequest from AsyncTask

Any network related operations in Android needs to be performed as an asynchronous task, without disturbing the UI thread. If we perform the network operation on the main thread (UI thread) then we will get NetworkOnMainThreadException. We will be using following methods in AsyncTask:

onPreExecute() : Prerequisite operations such as displaying progress bar.

doInBackground(String… params) : Performing the network operation (calling makeHttpRequest in this tutorial).

onPostExecute(String result): Parse the response and populate the UI. We will be calling runOnUiThread(Runnable) for the same.

Complete MainActivity class

Below is the complete implementation of MainActivity.

MainActivity.java
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

스마트폰앱