如何使用翻新和rx解析JSON数据？

Question

I'm trying to get the data from JSON using retrofit and rx. I followed this tutorial . But the JSON from that tutorial is a little different from mine. So I just changed how to parse it a bit. But if I get the JSON or not because I don't know how I know that the JSON is already called or not and in app it didn't show anything.

If anyone knows how it works and how to make the parse, Please guide me.

This is my code where I want to parse the JSON data in fragment.

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    rv__list_posts?.layoutManager = LinearLayoutManager(this.requireContext())

    val retrofit = Retrofit.Builder().addConverterFactory(GsonConverterFactory.create(GsonBuilder().create()))
            .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
            .baseUrl("https://www.thesportsdb.com/").build()

    val postsApi = retrofit.create(INetworkAPI::class.java)

    var response = postsApi.getAllPosts()

    response.observeOn(AndroidSchedulers.mainThread()).subscribeOn(IoScheduler()).subscribe {
        rv__list_posts.adapter = MainAdapter(listOf(it), this.requireContext())
    }
}

This is my interface:

interface INetworkAPI {
  @GET("api/v1/json/1/eventslast.php?id=133602")
  fun getAllPosts(): Observable<Team>
}

This is the adapter:

class MainAdapter(val postList: List<Team>, val context: Context) :
  RecyclerView.Adapter<MainAdapter.ViewHolder>() {

  override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): 
  ViewHolder {
    return 
    ViewHolder(LayoutInflater.from(context).inflate(R.layout.item_layout,parent,false))
  }

  override fun getItemCount(): Int {
      return 10
  }

  override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    holder.itemView.home_team.text = postList.get(position).homeTeam
    holder.itemView.home_score.text = postList.get(position).homeScore.toString()
    holder.itemView.away_team.text = postList.get(position).awayTeam
    holder.itemView.away_score.text = postList.get(position).awayScore.toString()
  }
  class ViewHolder(view: View) : RecyclerView.ViewHolder(view)
}

Appreciate your help.

Answer 1

Your API response have this structure:

You need to do more complex model. For example you can do TeamResponse class:

data class TeamResponse(var results: List<Team>)

And change INetworkAPI to:

interface INetworkAPI {
  @GET("api/v1/json/1/eventslast.php?id=133602")
  fun getAllPosts(): Observable<TeamResponse>
}

Then in your fragment:

response
   .observeOn(AndroidSchedulers.mainThread())
   .subscribeOn(IoScheduler())
   .subscribe {
      rv__list_posts.adapter = MainAdapter(it.results, this.requireContext())
   }

EDIT: You can see all your api interaction in LogCat (you will can see requests and responses). For it add dependency:

 implementation "com.squareup.okhttp3:logging-interceptor:3.9.1"

And then change retrofit builder:

val retrofit = Retrofit.Builder().addConverterFactory(GsonConverterFactory.create(GsonBuilder().create()))
        .addCallAdapterFactory(RxJava2CallAdapterFactory.create())
        .baseUrl("https://www.thesportsdb.com/")
        .client(getClient())
        .build()

getClient() code:

private fun getClient(): OkHttpClient {
    val clientBuilder = OkHttpClient.Builder();
    if (BuildConfig.DEBUG) {
        val loggingInterceptor = HttpLoggingInterceptor();
        loggingInterceptor.setLevel(HttpLoggingInterceptor.Level.BODY);
        clientBuilder.addInterceptor(loggingInterceptor);
    }
    return clientBuilder.build();
}

And change all Int fields from Team model to String (all of these are String in response).