Tips for receiving a post response following a 500 internal server error in AngularJS

I am encountering a 500 Internal Server Error when I try to make a post service call. Despite having an interceptor set up to open a dialog, the dialog appears empty. The error seems to be preventing me from receiving the response of this call, but I can view it in the chrome debugger. How can I access the response even with the error present?

Here is my code:

 -interceptor:


responseError: function (rejection) {
                var bcsAuth = $injector.get('bcsAuth');
                var MobileLoading = $injector.get('MobileLoading');
                var MobileDialog = $injector.get('MobileDialog');
 switch (rejection.status) {case 500:
                        if (rejection.statusText.toLowerCase().trim() == 'internal server error') {
                            MobileDialog.alert("error", rejection.data.message, "OK");

                        } else if (rejection.data.code && rejection.data.code == 'ETIMEDOUT') {

                            MobileDialog.alert("WARNING", "CONNECTION_TIMEOUT", "OK");
                        }

Debugging on Google Chrome:

https://i.sstatic.net/yotPU.png https://i.sstatic.net/GrLO2.png

Answer №1

It appears that the reason for the empty dialog could be due to one of the conditional statements being triggered. There is a possibility that the 'rejection.data.message' variable is empty. It would be advisable to check the format of the JSON data returned by the server. The response displayed seems to be a straightforward text without any nested JSON objects.

Answer №2

RESOLUTION: The solution involved removing the .message

and sticking with rejection.data, as it was a plain text message and not a JSON object

MobileDialog.alert("error", rejection.data, "OK");

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Trigger the activation of an input field upon clicking an image labeled "edit"

I am currently developing a website where administrators have access to a dashboard page that displays a list of users. I am looking to implement a feature that allows admins to change the roles of other users directly from the same table row. Below is th ...

ECharts - Version 3.1.6 Event Plugin

I am looking for advice regarding the management of two charts with reference to echars from Baidu (version 3.1.6). Is there a way to control both charts by engaging in a click event on one of them? In simpler terms, how can I capture and respond to the c ...

Passing parameters in a callback function using $.getJSON in Javascript

I am currently using a $.getJSON call that is working perfectly fine, as demonstrated below. var jsonUrl = "http://www.somesite.co.uk/jsonusv.php?callback=?"; $.getJSON(jsonUrl,function(zippy){ ...some code } However, I want to pass a ...

Mastering the art of raycasting onto a point cloud in ThreeJs R71

I am currently working with Autodesk Forge, leveraging Three.js r71, and I am looking to implement a raycaster to identify clicks on various elements within a point cloud. If anyone could provide a sample code snippet on how to achieve this using Three.js ...

How to implement downloading a PNG image with a click using Bootstrap 4 and JavaScript

Whenever I click on a picture, my goal is to immediately download it. The image is SVG, but there's an URL for a PNG version. It has been confirmed that the content disposition is set to attachment, and when the URL is directly copied, a download proc ...

The Nuxt build is facing issues when connected to domains other than the root domain

Seeking assistance with the Nuxt.js build version, which is functioning properly on my main domain - for instance, my domain is test-domain.com. My build works well here, but on other connected domains like test2-domain.com, the _nuxt folder is not being ...

Steps to automatically populate the dropdown upon page load

Hello, I have a question regarding setting a value to a dropdown list in JavaScript. Currently, I am trying to execute this function during the onload event of the body tag. However, I am facing issues with setting the value. Below is the code: function s ...

Do I need to convert AngularJS to .ts for an Angular/AngularJS hybrid application?

Currently in the process of upgrading from AngularJS v1.25 to Angular 14 using the ng-Upgrade approach outlined on angular.io/guide/upgrade. Adding an extra challenge, our main page is built with ASP.NET MVC 5, and I am aiming to incorporate the Angular CL ...

Utilizing Modal Popups in ASP.NET MVC for Button Clicks Embedded within a jQuery Datatable

For my current project, I am working on a page that includes a table with data. However, I want to implement a Bootstrap modal to display unique message content in the popup body when a button is clicked within each row of the table. The challenge I am fac ...

Strip away styles and scripts from PartialView

Looking to incorporate a Star Rating system using a PartialView named: @{ Html.RenderAction("Rate"); } The goal is to display and manage the star rating code separately from the current page, eliminating the need for the parent .cshtml's CSS and oth ...

Create a regular expression that permits a sequence of numbers (either integer or decimal) arranged in groups of up to five, with each

Is it possible to create a regular expression that allows integers and decimals? var reg = /^((\s*)|([0-9]\d{0,9}(\.\d{1,3})?%?$))$/.; How can users input 0 to 5 groups of integers and decimals separated by |? Updated: This regex sh ...

Utilize anychart.js to define the axis using JSON data

I'm relatively new to using anychart js and encountering some obstacles. I have a json file that is being fetched from an API, containing data on NBA players' statistics. You can find the json file here: My goal is to display the date data on th ...

How to effectively refine a group query in Firestore to obtain specific results

My database structure is set up like this (simplified version): Collection: item_A -> Document: params = {someParameter: "value"} -> Document: user_01 -> Sub-collection: orders_item_A -> Document: order_AA ...

Stand-alone Next.js application unable to access environmental configuration file

I am inquiring about a query regarding my Next.js project. In my project configuration, I have set it to be built in standalone mode for deployment. You can find more information on this link. experimental: { outputStandalone: true } As expected, uti ...

What methods and technologies are accessible for executing JavaScript through PHP?

Are there any frameworks or tools available to execute JavaScript from PHP? Is there a similar project like the Harmony project for PHP? I am interested in running JS unit tests (or even BDD) directly from PHP, as demonstrated in this post (for Ruby). Am ...

Merge two distinct arrays of objects based on a shared field

I have two arrays of objects that I need to merge, with the expected output as: [ { "scenario": [ { "errorname": "Error 01", "status": 5, "desc_1" : "test", "desc_2" : "testing" }, ...

Utilize a unique mesh instead of a generated one within three.js

Recently, I stumbled upon the fascinating world of three.js and I must say, it's quite amazing. After downloading some examples, I delved into exploring them. As someone who is new to coding in JavaScript, I find myself in need of assistance with mod ...

Duplicate user scrolling input within a specified div container

I am attempting to recreate a horizontal scrolling effect on a div element that mirrors the input scroll. When the user scrolls along the input, I want the div element to scroll in sync. The issue I am encountering is specific to Chrome, where the input b ...

Next.js Firebase Analytics Error: Undefined Window Object

I am currently working on implementing and exporting the Firebase analytics module in Next.js using Firebase v9. When attempting to run the code snippet below, I encountered an error message stating "ReferenceError: window is not defined". Howev ...

Angular FirebaseError Permissions Not Found or Inadequate

I'm encountering an issue with permissions while trying to enable users to read and write their own data using Firestore. Despite having set up the rules in my Firestore database, I keep receiving an insufficient permissions error. The rules I have i ...