How can I send a curl request from javascript?

Question

I would like to send this

curl https://fcm.googleapis.com/fcm/send \
     -H "Content-Type: application/json" \
     -H "Authorization: key=<MY API KEY>" \
     -d '{ "notification": {"title": "Hello world", "body": "you got a new message", "icon": "icon/path","click_action" : "page/path"},"to" : "<DEVICE TOKEN>"}'

from a js file to wherever I want. Considering the ideas you are giving me bellow, now I'm trying with this:

        $.ajax({
            url: "https://fcm.googleapis.com/fcm/send",
            type: 'POST',
            dataType: 'json',
            headers: {
                'Access-Control-Allow-Origin' : '*',
                'Authorization': '<APY KEY>',
                'contentType': 'application/json',
            },
            data: {
                'title': 'Hello world!', 
                'body': 'you got a new message', 
                'icon': 'icon/path', 
                'click_action' : 'page/path', 
                'to' : '<DEVICE TOKEN>',
            },
            success: function (result) {
              alert(JSON.stringify(data));
            },
            error: function (error) {
               alert("Cannot get data");
            }
        });

but I'm getting this error: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present

The error message does not mean your request, so you don't have to put these headers in your request. Instead it refers to the response from firebase, which you are trying to access. To enable CORS, you can have a look here: stackoverflow.com/questions/42755131/… — Martin Seeler
– Martin Seeler, Commented Mar 5, 2018 at 20:10

Joost Meijer · Accepted Answer · 2018-03-05 18:42:04Z

3

Curl doesn't exist in JavaScript, instead you can use XMLHttpRequest. To make it even more easy, you can use jQuery to send an AJAX request.

Here is some example code:

$.ajax({
  type: "POST",
  url: "http://yourdomain.com/example.php",
  data: {
    api_key: "xxxxxxxx"
  },
  success: function(data) {
    console.log(data);
    //do something when request is successfull
  },
  dataType: "json"
});

edited Mar 5, 2018 at 18:42

answered Mar 5, 2018 at 18:39

Joost Meijer

3952 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

neomat Over a year ago

yeah but that's the thing, I don't want to use any php in the process, any other way?

Joost Meijer Over a year ago

You can use the AJAX request on any resource url, this doesn't have to be PHP.

neomat Over a year ago

yep, thanks for the idea, I'm implementing this right now, but still having some " header access control " problems

Joost Meijer Over a year ago

You need to add the headers to the resource you are trying to load using AJAX. But this is the JavaScript client-side script.

Collectives™ on Stack Overflow

How can I send a curl request from javascript?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related