How to return request response in page

Please how can i return the json response in the page, cause i have been getting undefined.

SERVER

  $msg = array("success_msg","The OTP has beeen verified, Kindly complete your profile.");
            
   return response()->json($msg, 200);

AJAX POST REQUEST

app.request.post(this.data.settings.apiUrl + "/api/v1/otp/verify", {
            dial_code: dialCode,
            phone: phone,
            user_type: userType,
          }, function (data) {

            console.log('ERROR MSG:' + data['error_msg'] );

            console.log('SUCCESS MSG:' + data['success_msg'] );
          
            if ( data.error_msg ) {

                // hide preloader
                setTimeout(function () {
                  app.dialog.close();

                  app.dialog.alert('Oops!' + data.error_msg);

                }, 3000);

              }


              if ( data.success_msg ) {

                // hide preloader
                setTimeout(function () {
                  app.dialog.close();

                  app.dialog.alert('Success!' + data.success_msg);

                  // redirect the user to the confirm otp page

                  var view = app.views.create(".view-main",{
                    url: '/'
                  });

                  view.router.navigate('/user-complete-profile/');

                }, 3000);

              }

        });

data.error_msg or data.success_msg returns undefined.
How do i parse the request response to my javascript?

Just do a console.log(data) to see what is there

"error_msg":"This OTP has expired, kindly resend another otp."}

I solve the issue by parsing the response data to JSON.parse() thanks @nolimits4web for your support.

app.request.post(this.data.settings.apiUrl + “/api/v1/otp/verify”, {
dial_code: dialCode,
phone: phone,
user_type: userType,
}, function (data) {

        console.log('ERROR MSG:' + data['error_msg'] );

        console.log('SUCCESS MSG:' + data['success_msg'] );

\you can use
var demo = document.getElementById(“geeks”);
demo.innerHTML = “Welcome to GeeksforGeeks!” ;

        if ( data.error_msg ) {

            // hide preloader
            setTimeout(function () {
              app.dialog.close();

              app.dialog.alert('Oops!' + data.error_msg);

            }, 3000);

          }


          if ( data.success_msg ) {

            // hide preloader
            setTimeout(function () {
              app.dialog.close();

              app.dialog.alert('Success!' + data.success_msg);

              // redirect the user to the confirm otp page

              var view = app.views.create(".view-main",{
                url: '/'
              });

              view.router.navigate('/user-complete-profile/');

            }, 3000);

          }

    });
2 Likes