The Angular HTTP POST request is not transmitting any data - there is no body visible even in the Chrome debugger

I'm completely baffled by this situation. It's a routine task for me, yet I can't figure out why it's failing in such a strange way. It seems like it's going to be something trivial, but it's not the typical "no data on the server side" issue. The post request is being sent to the server with no content whatsoever.

$http.post(urls.base_signup, ({
    email: $scope.email,
    google_id: $scope.google_id,
    google_token: $scope.google_token,
    name: $scope.name
}))

Looking at the Networking tab in the chrome debugger, here's the request:

Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8,es;q=0.6
Access-Control-Request-Headers:accept, content-type
Access-Control-Request-Method:POST
Connection:keep-alive
Host:paypertrade.com
Origin:https://paypertrade.com
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.125 Safari/537.36

Why isn't there any payload included in the request??

javascriptangularjs

Answer №1

After encountering a security issue with my local server, hosts file, https, and nginx setup, I discovered that adding specific headers to my nginx configuration resolved the problem:

add_header Access-Control-Allow-Origin *;
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Headers' 'Content-Type,Accept';

Although this issue was unique to my own circumstances, I wanted to share it in case someone else is facing a similar situation and feeling frustrated.

http://example.com/123/

Answer №2

have you considered placing the data within parentheses like this:

$http.post(urls.base_signup, {
  email: $scope.email,
  google_id: $scope.google_id,
  google_token: $scope.google_token,
  name: $scope.name})

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

Invoke a distinct class function using either JavaScript or jQuery

During a recent interview, I was asked about calling a method that exists in a different class. For example, consider the following: public class EmployeeDept { public void showNames() { //display list of names } } The interviewer wanted to kn ...

c#javascriptjqueryasp.net

Slide containing Ionic list views

In my Ionic app, I am using ion-slide-box with 3 slides. Each slide contains an ion-list (table view) with varying numbers of items. The issue is that when scrolling through the shorter list items, it shows empty content due to the taller sibling list taki ...

javascriptcsslistscrollionic-framework

Guide to including spinner in React JS with TypeScript

I need help with adding a spinner to a React component. The issue I'm facing is that the spinner does not disappear after fetching data from an API. Can someone please point out what I am doing wrong? Here is the code snippet: import React, { useSta ...

javascriptreactjstypescript

Changing Marker Color in Google Maps API

There are multiple Google Maps Markers colors based on certain conditions being TRUE or not. In addition, these Markers will change color when the mouse hovers over a division (a1,a2..ax). I want the Markers to revert back to their original color when th ...

javascriptgoogle-mapsgoogle-maps-api-3

Vue select component not refreshing the selected option when the v-model value is updated

Trying to incorporate a select element into a Vue custom component using the v-model pattern outlined in the documentation. The issue at hand is encountering an error message for the custom select component: [Vue warn]: Avoid directly mutating a prop as i ...

javascriptvue.jsvuejs2vue-componentvue-props

Sending a post request from JavaScript to Django Rest Framework

I am working with a DFR api endpoint: url = http://example.com/api/data/ The URL of the page where I am running JavaScript code is: http://example.com/page/1/ I have logged in as User1 in my browser. POST request - from DRF browser API - successful. G ...

javascriptdjango-rest-frameworkaxios

Leveraging highland.js for sequentially executing asynchronous functions while maintaining references to the initial stream data

I am dealing with a series of events: var eventStream = _([{ id: 1, foo: 'bar' }, { id: 2, foo: 'baz' }]); My task is to load an instance of a model for each event in the stream (my Data Access Layer returns promises) and then tri ...

javascriptnode.jsasynchronousstreamhighland.js

Making changes to JSON format post $.get function

Struggling to make sense of the JSON properties I receive from the server. Any advice on how to change the format would be greatly appreciated. Here is a snippet of the received data: [ { "date": "2006-07-01T00:00:00.000Z", "date_processed": "2 ...

javascriptjqueryhtmljson

What is the best way to handle a single promise from a shared listener?

I am working on implementing an event listener that will receive events from a server whenever a specific task is completed. I want to structure each task as a promise to create a more organized and clean workflow. How can I resolve each task promise by i ...

javascriptnode.jspromise

Puppeteer's flawed performance leads to the generation of low-quality

Currently, I am utilizing puppeteer to generate a PDF from my static local HTML file. However, the resulting PDF is turning out to be corrupted. When attempting to open the file using Adobe Reader, an error message pops up stating 'Bad file handle&apo ...

javascripthtmlnode.jspdfpuppeteer

I must generate numerous copies of my CSS class using JavaScript

My CSS includes a base class named "toast" that contains basic styling, along with a JavaScript function that generates different types of toasts based on user input. The function modifies the toast class by inserting icons and text as demonstrated below: ...

javascriptcsstoast

altering the directory for bower installations on specific repositories exclusively

Recently, I've been experimenting with Bower and at the same time exploring Polymer. If you want to download polymer elements using bower, you can use the following command: bower install --save PolymerElements/iron-image I assume there's a sp ...

javascriptpolymerbowerpackage-managers

Exploring ways to retrieve a boolean type field from MongoDB using Angular Formly

I recently had the opportunity to set up a basic search feature, focusing on the "paymentStatus" field in an Invoice document stored in a MongoDB (v3.4). This field is essentially a boolean value. When I trigger the search from an AngularJS 1.6 Formly inpu ...

angularjsmongodbangular-formly

What are your thoughts on this method for preventing scrolling?

Is there a way to prevent scrolling of the underlying content on a webpage when a modal is displayed? I found this code snippet that achieves that. (http://jsfiddle.net/77P2e/) var $window = $(window), previousScrollTop = 0, scrollLock = false; $window.s ...

javascriptjquery

Can you explain the difference between synchronous and asynchronous loading?

After exploring this website, I have learned that when using CommonJS, the browser loads files one by one after downloading them, which can lead to dependencies slowing down the process. However, with AMD, multiple files can be loaded simultaneously, all ...

javascriptnode.jsasynchronousamdcommonjs

Tips on transforming two same-length arrays into a single array of objects using JavaScript

I have a dilemma with two arrays that have been structured as follows: arr1 = [10, 20, 30, 40, 50]; arr2 = ['x', 'y', 'z', 'w', 'v']; My goal is to utilize JavaScript in order to transform these arrays of ...

javascriptarraysforeachjavascript-objects

My custom function is not invoking the Firebase function createUserWithEmailAndPassword

The function createUserWithEmailAndPassword is not being triggered within the SignUpUser function when the onClick event occurs. However, it works when I use onClick={signUpUser(email,password)} import React from 'react'; import styled from &apo ...

javascriptreactjspromisefirebase-authenticationonclick

SEO Optimized pagination for pages without modifying the URL

On my website, I utilize pagination to navigate to various event pages. However, search engines are not picking up the conferences on these pages. Take a look at the code snippet below... <a href="javascript:;" class="first" title="First" onclick="getC ...

javascriptajaxpaginationseo

When using xmlHttpRequest, the euro symbol may appear as a question mark

This dynamic script (taken from dynamicdrive) allows me to fill a div with the specified id dynamically: var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no) var loadedobjects="" var rootdomain="ht ...

javascriptajaxdynamicxmlhttprequesteuro

The most effective method for acquiring an object through inheritance

I'm seeking advice on the best practice for adding behavior to an object received as a JSON object. I have REST services that allow me to define a sort of state machine. The API defines a /sessions resources. When creating a session via POST /sessio ...

javascriptjsonnode.jsexpress