How to receive objects in uniapp request

When developing with Uniapp, requesting the interface is a common operation. Sometimes the data returned by the interface is a JSON object, and we need to convert it into a JavaScript object for operation. So how to receive this object in Uniapp?

The request API used by Uniapp is uni.request(), which supports configuration items success and fail. The parameter data in success represents the response data, which is a string type. We need to convert this string type response data into a JavaScript object.

We can use the JSON.parse() method to convert:

uni.request({
  url: 'http://example.com/api/data',
  success: (res) => {
    let data = JSON.parse(res.data)
    console.log(data)
  }
})

In the above code, res.data is returned from the server data, we convert it into a JavaScript object through the JSON.parse() method and output it to the console.

If the data returned by the server is an array, we can directly convert the array as a parameter in the JSON.parse() method:

uni.request({
  url: 'http://example.com/api/data',
  success: (res) => {
    let data = JSON.parse(res.data)
    console.log(data)
  }
})

In the above code , if the response data is an array, the JSON.parse() method will convert it into a JavaScript array.

It should be noted that when the data format returned by the server is not in JSON format, JSON.parse() will throw an exception, so we should first determine whether the response data conforms to the Require.

In addition to the JSON.parse() method, Uniapp also provides an optional configuration item dataType, which specifies that the response data type is JSON, which will Make res.data directly a JavaScript object:

uni.request({
  url: 'http://example.com/api/data',
  dataType: 'json',
  success: (res) => {
    console.log(res.data)
  }
})

Through the above method, we can simply convert the JSON object returned by the server into a JavaScript object for operation.

The above is the detailed content of How to receive objects in uniapp request. For more information, please follow other related articles on the PHP Chinese website!