Send parameter data value array in vue js and backend laravel not work

Question

I found a problem when sending the value array to the backend, on the backend I have set it to accept the value array. but when i checked on postman the function was running successfully. but when I implement it on the front end where I use vuejs the function doesn't work. the message that the server sends when the backend hits the api is as shown below.

I find it difficult to pass the parameter value array in this case. whether there was an error when I threw the value. thank you for helping me

CODE BACKEND method POST

public function storeInsert(Request $request)
    {
       
        $data= $request->get('data');
        $response =  gradingakhir::insert(json_decode($data, true)); // Eloquent approach
         return response()->json([
            'code' => 1,
            'success' => true,
            'message' => 'Data berhasil ditambah!',
            'data' => $data
        ], Response::HTTP_OK);
    } 


#FONT END CODE

var params = {
        data: this.dataStoreGradding,
      }
      console.log(this.dataStoreGradding)
      console.log(params)

      const res = await apiService.postGradingAkhir(params).then(res => res)

# CODE SERVICE HIT FRONT END TO BACKEND
  postGradingAkhir(param) {
    const url = `${API_URL_DEV}post-grading-akhir`
    options.headers.Authorization = 'bearer ' + localStorage.getItem('token')
    const data = axios
      .post(url, param, options)
      .then(response => response.data)
      .catch(err => err)
    return data
  }

jmeinlschmidt · Accepted Answer · 2022-04-10 14:30:16Z

2

You have to send the array via FormData this way:

    let params = new FormData;
    let arr = ['this', 'is', 'an', 'array'];
    
    for (var i = 0; i < arr.length; i++) {
      params.append('arr[]', arr[i]);
    }
      postGradingAkhir(params) {
        const url = `${API_URL_DEV}post-grading-akhir`
        options.headers.Authorization = 'bearer ' + localStorage.getItem('token')
        const data = axios
          .post(url, params, options)
          .then(response => response.data)
          .catch(err => err)
        return data
      }

edited Apr 10, 2022 at 14:30

jmeinlschmidt

1,4963 gold badges14 silver badges34 bronze badges

answered Apr 9, 2022 at 18:25

Medab

638 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send parameter data value array in vue js and backend laravel not work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related