Failure of AngularJS $http GET request

function ContactDetails($scope, $http) {
    $http({
        method: 'GET',
        url: 'myurl/?',
        params: { 'company': '1571', 'secret': 'complex15', 'mode': 'contactdetails', 'outputtype': 'json' }
    }).success(function (data) {
        alert(data);
        $scope.ContactInfo = data;
    }).error(function (data, status) {
        $scope.status = status;
        alert('Error fetching contact details');
    });
}

When accessing the URL directly from a browser, it returns a JSON string. However, when using the code above, an error is encountered. I am still learning AngularJS and would appreciate some guidance. Thank you.

javascriptangularjs

Answer №1

For further information, please refer to the angularjs http documentation.

Remember to utilize the .then() method and define success and error functions.

function RetrievePhoneData($scope, $http) {
        $http({
            method: 'GET',
            url: 'myurl/?',
            params: { 'company': '1571', 'secret': 'complex15', 'mode': 'phoneinfo', 'outputtype': 'json' }
        }).then(function (response) {
            alert(response.data);
            $scope.PhoneState = response.data;
        },
        function (response) {
            $scope.status = response.status;
            alert('Error');
        });
    }

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

Setting Authorization with username, password, and domain in Angular 2 HTTP Request

I am facing an issue with calling an API method hosted on another machine using Angular 2 component with Http. When accessing the API from a browser, I can connect by entering a username and password as shown below: https://i.stack.imgur.com/JJqpC.png Ho ...

javascriptangular

What is causing a single state update when setState is called twice in React?

It seems like I'm making a beginner mistake in React as I am trying to call the "addMessage" function twice within the "add2Messages" function, but it only registers once. I believe this issue might be related to how hooks work in React. How can I mod ...

javascriptreactjs

Choose an image depending on the title, but only if a specific condition is met

var no_images2 = $j("img[title^='Click to enlarge image no_photo']").parent(); $j(no_images2).css('pointer-events','none'); var no_images3 = $j("img[title^='Click to enlarge image no_photo']").parent(); $j(no_images ...

javascriptjquery

What is the process for converting a URL or HTML document to a PDF using the html2pdf JavaScript library?

I am working on creating a button that utilizes the html2pdf library to convert an HTML page into a PDF. Instead of selecting an element with query selector or getElementById, I would like to pass a URL because the page I want to convert is not the same as ...

javascripthtmlhtml2pdf

Upon initiating a refresh, the current user object from firebase Auth is found to be

Below is the code snippet from my profile page that works perfectly fine when I redirect from the login method of AuthService: const user = firebase.auth().currentUser; if (user != null) { this.name = user.displayName; this.uid = user.uid; } e ...

javascriptangularfirebasefirebase-authentication

What is the best way to transfer state information from a hook to be displayed in the App component in React

Is there a way to transfer the state(data) of info to the App hook, in order to showcase the properties within div elements? The function setInfo(info) saves the data intended for display on the Map hook and inspecting console.log(info) within _onClick rev ...

javascriptreactjsreact-hooksreact-state-managementreact-state

Issues with the HTML required attribute not functioning properly are encountered within the form when it is

I am encountering an issue with my modal form. When I click the button that has onclick="regpatient()", the required field validation works, but in the console, it shows that the data was submitted via POST due to my onclick function. How can I resolve thi ...

javascriptajaxformscodeigniterbootstrap-modal

Is there a way to use JavaScript to determine if GEARS is already installed on a system?

Does the existence of windows.gears not equal to undefined or what??? I am simply looking to use javascript to determine true or false based on whether the person has google Gears installed. ...

javascriptgears

Can you explain the contrast between 'depict' and 'examine' when using Jest?

I am currently diving into the world of unit testing in Vue.js with Jest. One question that keeps popping up is when to use describe and when to use test ? TodoApp.vue Component : <template> <div> <h1>TodoApp Componenent</h1> ...

javascriptvue.jsunit-testingjestjs

What is the reason that an individual would stop another from executing by using $(document).ready(function() { ?

While I understand that it's supposed to be possible to run multiple $(document).ready(function() { on my page, for some reason I'm having trouble doing so. I appreciate those who have pointed out that it should work, but I'm really looking ...

javascriptjquery

What are the steps for reordering an array in MongoDB?

Is there a way to increase or decrease the position of an element within an array stored in a MongoDB object? I explored the <update> API in the MongoDB API, but couldn't find a direct method for this task. I am attempting to use findOneAndUpd ...

javascriptnode.jsmongodbexpressmongoose

Tips for efficiently storing and accessing data obtained from the "RESTBuilder" tool on the Total.js platform

After stumbling upon this informative tutorial on how to build a cryptocurrency comparison site with VueJs, I was inspired to create a single-page application using the total.js platform. My goal is to fetch the list of coins from the "coinmarketcap.com" A ...

javascriptnode.jstotal.js

NextJS: encountered an error with fallback enabled

I have my NextJS setup on Vercel and here is how I configured getStaticPaths: const paths = posts.map((post) => ({ params: { player: post.player, id: post.id }, })) return { paths, fallback: true } However, when I set the fallback to true, I ...

javascriptreactjsnext.jsvercel

Tips for invoking a function with dependencies in an external library

Recently diving into the world of Angular, I've encountered a challenge. I'm struggling to find a way to call a function on a provider that I have created from within a section of code executed under the context of an external component. The main ...

angularjs

Discover the ultimate guide to creating an interactive website using solely JavaScript, without relying on any server-side

I'm facing a challenge: I have a desire to create a website that is mainly static but also includes some dynamic components, such as a small news blog. Unfortunately, my web server only supports static files and operates as a public dropbox directory. ...

javascripthtmlajaxweb

Having difficulty leveraging the full capabilities of the Jquery.load() function

I'm currently facing an issue where the results I want to display to the user are not filtering properly based on their selection. I've been using GET on the same page (users.php?rid=) to process this, but for some reason, it seems to be loading ...

javascriptphpjqueryhtml

Storing data on your local machine using Electron

I am in need of help with my template files which have variable strings. I want to create a basic input form using Electron (https://www.electronjs.org/) and save the resulting output file on the user's device. Could someone recommend a module that e ...

javascriptformsnpmelectron

React-Native introduces a new container powered by VirtualizedList

Upon updating to react-native 0.61, a plethora of warnings have started appearing: There are VirtualizedLists nested inside plain ScrollViews with the same orientation - it's recommended to avoid this and use another VirtualizedList-backed container ...

javascriptreactjsreact-native

Error encountered when using the enter or return key with directive syntax

Newbie Alert I'm encountering something strange while attempting to create a custom directive in AngularJS. When I input this code: myModule.directive('myTab', function(){ console.log('--Inside TAB directive--'); return ...

javascriptangularjsangularjs-directivesyntax-error

Setting up flowplayer for multiple div elements: a tutorial

I have a collection of videos and I am trying to set up the player for each div that holds a video. When constructing the divs in my JavaScript code, it looks like this: <div id="player+{{$index}}"></div> // The "player" + index is generat ...

javascriptflowplayer