Triggering Webhook from button

Developer Talk Integrations
1

Hello, I would like to trigger and send some data using button.

below is the script that i try out to send row id and row creator.

let hookUrl = 'https://n8nnas.easterngroup.asia/webhook-test/8710________________9993'

let data = {
  rowId: base.context.currentRow['_id'],
  customProperty: base.context.currentRow['_creator']
};

await fetch(hookUrl, {
  method: 'POST',
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify(data)
}).then(res => {
  console.log('Request complete! response:', res);
});

I create a button and link to the script.

image
image378×634 12 KB

However, when i press the button, nothing is send to webhook…

image
image1810×871 43.8 KB

May i know if there is anything i am missing here?

2

You can use Chrome’s debug console to check whether you have sent the request.

3

@daniel.pan thanks for the guide. it is working now…

I need to add the following

mode: "no-cors",

as i am getting the following error. ( by looking at chrome console )

image
image792×119 9.66 KB

so my final script become,

let hookUrl = 'https://n8nn___________________________________993'

let data = {
  rowId: base.context.currentRow['_id'],
  customProperty: base.context.currentRow['_creator']
};

await fetch(hookUrl, {
  method: 'POST',
  mode: "no-cors",
  headers: {'Content-Type': 'application/json'},
  body: JSON.stringify(data)
}).then(res => {
  console.log('Request complete! response:', res);
});