我正在向我的 API 发布一组对象。 如何访问这些对象的属性？

Question

I have the following database table:

Table: Locations
Columns: id, lat, lng, user_id

I'm currently POST-ing a markers array the contains 2 JavaScript objects from the front-end to the back-end that have lat and lng properties. I'm trying to figure out how would I assign the lat and lng properties in my foreach loop. I just can't figure out how to access them.

My POST

    data: function() {
        return {
            markers: [{lat: 42, lng: 24}, {lat: 11, lng: 22}]
        }
    },
    methods: {
        saveLocations(){
            axios.post('/location', {
                userId: 1,
                markers: this.markers
            }).then(response => {
                console.log(response);
            }).catch((error) => console.log(error));
        }
    }

PHP

public function newLocation(Request $request){
    $markers = $request['markers'];

    foreach ($markers as $marker) {
        $location = new Location();
        $location->user_id = 1;
        $location->lat = ;
        $location->lng = ;
        $location->save();
    }

    return response()->json([
        'message' => 'Successfully added locations!'
    ], 201);
}

Answer 1

inside your foreach loop use it like this

foreach ($markers as $marker) {
        $location = new Location();
        $location->user_id = 1;
        $location->lat = $marker['lat'];
        $location->lng = $marker['lng'];
        $location->save();
}