# How to send the input from textfield via flutter and node-red

**URL:** <https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407>\
**Category:** General\
**Created:** [17 October 2020 09:33 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407 "2020-10-17T09:33:26Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 09:33 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/1 "2020-10-17T09:33:27Z")

</div>

I'm trying to send the data from flutter through node-red to the database by using http post. The database was updated but they showed undefined in every column.

This is my code in flutter:

```auto
Future registerCus(String first_name,String last_name, String phone_no,String email, String username,String password) async {
String url = "http://my IP address:1880/register?first_name=c1&last_name=c2&phone_no=c3&email=c4&username=c5&password=c6";
url = url.replaceFirst("c1", first_name);
url = url.replaceFirst("c2", last_name);
url = url.replaceFirst("c3", phone_no);
url = url.replaceFirst("c4", email);
url = url.replaceFirst("c5", username);
url = url.replaceFirst("c6", password);
var result = await http.post(url);
var data = json.encode(result.body);
http.post(url, body: data, headers: {"Content-Type": "application/json"})
.then((value) => print(value));
print(data);
}

```

and the code below is a function in node-red:

```auto
var user_id = msg.payload.user_id;
var username = msg.payload.username;
var password = msg.payload.password;
var first_name = msg.payload.first_name;
var last_name = msg.payload.last_name;
var phone_no = msg.payload.phone_no;
var email = msg.payload.email;

var sql = "insert into account (user_id,first_name,last_name,phone_no,email,username,password) ";
sql += "value(null,'c1','c2','c3','c4','c5','c6')";
sql = sql.replace('c1',first_name);
sql = sql.replace('c2',last_name);
sql = sql.replace('c3',phone_no);
sql = sql.replace('c4',email);
sql = sql.replace('c5',username);
sql = sql.replace('c6',password);

msg.topic = sql;
return msg;

```

these are the result that went into the database:  
 ![Screen Shot 2020-10-17 at 16.21.54](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/b/4be2f348ce7fcdd9754085d5bbe40d2f686d16db.jpeg)  
 ![Screen Shot 2020-10-17 at 16.23.57](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/3/f38426e77e7a4dd3dc6c310ba00760c158ff1e6b.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 09:52 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/2 "2020-10-17T09:52:28Z")

</div>

Can we see a debug of the output from the http in node?

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 09:55 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/3 "2020-10-17T09:55:28Z")

</div>

Here you are

 ![Screen Shot 2020-10-17 at 16.54.30](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/e/ced91023d542aacba4b847d150f94915bf82a13d.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 09:56 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/4 "2020-10-17T09:56:12Z")

</div>

can you set the debug to see the full msg object?

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 09:59 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/5 "2020-10-17T09:59:11Z")

</div>

I don't know how to set it 😭

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:00 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/6 "2020-10-17T10:00:11Z")

</div>

![Screenshot_20201017-105939](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/9/696366faa6a0155bc5d26be5034a7909c233797b.png)

as above  
also while you are at it a screenshot of the settings in the http in node

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:03 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/7 "2020-10-17T10:03:13Z")

</div>

![Screen Shot 2020-10-17 at 17.02.42](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/f/1f8ee1c3f52ef5926f29546c76d4de3bf163c7cb.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:04 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/8 "2020-10-17T10:04:06Z")

</div>

Please expand the objects payload and req and post again.

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:08 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/9 "2020-10-17T10:08:37Z")

</div>

![Screen Shot 2020-10-17 at 17.06.37](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/c/9cd9f71fb477ec94eac08cb65561c3631068c594.jpeg)

![Screen Shot 2020-10-17 at 17.06.44](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/3/c3f0ff98573f6ae78fe4fbdeb5a707c38e021c6a.jpeg)

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:09 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/10 "2020-10-17T10:09:11Z")

</div>

![Screen Shot 2020-10-17 at 17.06.55](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/2/e209a92f3de108d78c275a4b1bcdcc6bef2f2df8.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:10 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/11 "2020-10-17T10:10:57Z")

</div>

wrong payload , i need the top one in the image.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:12 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/12 "2020-10-17T10:12:40Z")

</div>

can you expand query from the last image

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:13 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/13 "2020-10-17T10:13:25Z")

</div>

This one?  
 ![Screen Shot 2020-10-17 at 17.13.04](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/1/81ef4911f5462401606f7c5ff565d8f270d4bdde.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:14 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/14 "2020-10-17T10:14:21Z")

</div>

Add this to the top of your node-red function code

```auto
if (msg.req.method === "POST") {msg.payload = msg.req.query}

```

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:17 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/15 "2020-10-17T10:17:02Z")

</div>

I did and this is showed  
 ![Screen Shot 2020-10-17 at 17.16.12](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/11815f407e8d8ec9399c81a6c9a76771a0a45c05.jpeg)

![Screen Shot 2020-10-17 at 17.16.26](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/0/508c5249d3ada57acd2e33cdd9905fb60b70fb5a.jpeg)

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:18 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/16 "2020-10-17T10:18:02Z")

</div>

add a debug after the function node.

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:20 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/17 "2020-10-17T10:20:27Z")

</div>

oh, it's working now. Thanks a lot 🙏 🙏

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [17 October 2020 10:22 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/18 "2020-10-17T10:22:17Z")

</div>

The http in node when set to POST, seems to not add msg.payload properties, . The code i gave moves them from msg.req.query to msg.payload.

have a read here to learn more about working with messages

> **[Working with messages : Node-RED](https://nodered.org/docs/user-guide/messages)**

---

<div class="post-metadata">

**Author:** ![y.star](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/y.star/32/30480_2.png) [@y.star](https://discourse.nodered.org/u/y.star)\
**Post date:** [17 October 2020 10:25 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/19 "2020-10-17T10:25:05Z")

</div>

ohh, I got it. I will learn more. Thank you so much for helping me fix this. 😂 I'm stuck for a while

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [31 October 2020 10:25 UTC](https://discourse.nodered.org/t/how-to-send-the-input-from-textfield-via-flutter-and-node-red/34407/20 "2020-10-31T10:25:06Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.