วิธีอ่านองค์ประกอบ JSON Array Object จาก Volley ใน Android

บทนำ

ตัวอย่างนี้แสดงวิธีดึงข้อมูล JSON Array จากเซิร์ฟเวอร์ด้วย Volley แล้ววนลูปอ่านค่าของแต่ละ Object (เช่น name, email, id) ใน Array

ขั้นตอนที่ 1: สร้างโปรเจกต์

Android Studio → New Project → Empty Activity

ขั้นตอนที่ 2: Layout (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="30sp" />

</LinearLayout>

ขั้นตอนที่ 3: โค้ดหลัก (MainActivity.java)

package com.example.myapplication;

import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.TextView;
import android.widget.Toast;

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

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

public class MainActivity extends AppCompatActivity {

    TextView textView;
    RequestQueue queue;
    String URL = "https://www.mocky.io/v2/597c41390f0000d002f4dbd1";

    @RequiresApi(api = Build.VERSION_CODES.N)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text);
        queue = Volley.newRequestQueue(this);

        StringRequest request = new StringRequest(Request.Method.GET, URL,
            new Response.Listener() {
                @Override
                public void onResponse(String response) {
                    textView.setText(response.toString());
                    try {
                        JSONObject object = new JSONObject(response);
                        JSONArray array = object.getJSONArray("users");

                        for (int i = 0; i < array.length(); i++) {
                            JSONObject object1 = array.getJSONObject(i);
                            String name = object1.getString("name");
                            // แสดงชื่อแต่ละรายการ (จะเหลือรายการสุดท้าย)
                            textView.setText(name);
                        }
                    } catch (JSONException e) {
                        e.printStackTrace();
                    }
                }
            },
            new Response.ErrorListener() {
                @Override
                public void onErrorResponse(VolleyError error) {
                    Log.d("error", error.toString());
                }
            });

        queue.add(request);
    }
}

ขั้นตอนที่ 4: AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="com.example.myapplication">

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <action android:name="android.net.conn.CONNECTIVITY_CHANGE" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

ขั้นตอนที่ 5: build.gradle

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.volley:volley:1.1.0'
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

ผลลัพธ์

โครงสร้าง JSON ตัวอย่าง

{
  "users": [
    {"id": "1", "name": "John Doe", "email": "john@example.com"},
    {"id": "2", "name": "Jane Smith", "email": "jane@example.com"},
    {"id": "3", "name": "Bob Johnson", "email": "bob@example.com"}
  ]
}

แนวทางปรับปรุงโค้ด (Best Practices)

• สะสมข้อมูลใน List: แทนที่จะ setText ทีละรอบ ให้เพิ่มใน List แล้วแสดงครั้งเดียว
• ใช้ Gson/Moshi: แปลง JSON เป็น List<User> อัตโนมัติ
• RecyclerView: แสดงรายการหลายรายการแทน TextView เดียว
• Error Handling: ตรวจสอบ has("field") หรือใช้ optString("field", "default")

ตัวอย่างโค้ดที่ดีกว่า

List names = new ArrayList<>();
for (int i = 0; i < array.length(); i++) {
    JSONObject obj = array.getJSONObject(i);
    names.add(obj.optString("name", "Unknown"));
}
textView.setText(TextUtils.join("\n", names));