What is the equivalent of Android Input/Output stream in TypeScript/JavaScript?

My current task involves sending data from Angular to an Android device. The requirement is for the data to be sent to the Android device using its input/output stream methods.

If you are unsure of what I am asking, please provide assistance and let me know if clarification is needed. How can I send data from Angular to an Android device when I have access to its ip and port?

Update:

I have made changes to my title in hopes of making it clearer now. Thank you for your help.

Answer №1

When using a browser, there is no direct access to the stdin or console for input. Typically, user input is received through input fields on the webpage.

Your current setup likely follows this structure:

Angular (browser) > API (server) > GCM (push) > Android Device

Here's an illustration of how you can capture user input and send it to a backend API. The GCM integration is probably already in place for your team's project.

const theForm = document.forms.theForm;
theForm.addEventListener('submit', (event) => {
  event.preventDefault();
  
  const data = new FormData(theForm);
  data.append('movies', ["I Love You Man", "Role Models"]);
  
  fetch(
    'https://reqres.in/api/users',
    {
      method: 'POST',
      body: JSON.stringify(data),
    })
    .then(resp => resp.json())
    .then(data => console.log(data));
});
<form name="theForm">
  <input type="text" name="name" placeholder="name" />
  <button type="submit">Submit</button>
</form>

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

Determine the generic parameter of the output type by analyzing the resolved value of a data type within the function

I am looking to automatically determine the generic parameter of the return type by utilizing the resolved value of a type within the function. Consider the following: export type Context = any; export type Handler<T> = (ctx: Context) => Promise& ...

passing a PHP variable into an HTML input field

Recently, I've encountered a problem where I need to transfer PHP variables to HTML input fields. echo $ManuellTagnavnMain; for ($n = 0; $n < 6; $n++) { print_r(++$ManuellTagnavnMain.PHP_EOL); } I'm looking for a way to pass these values ...

Picture goes missing from slideshow

I am currently using a CSS + Javascript slideshow on my website, inspired by an example from the W3Schools website. Here is the code I have adapted for my web application: $(document).ready(function() { var slideIndex = 1; function showSlides(n) { ...

We could not locate the requested resource with a DELETE request using the fetch JSON method

Currently, I am in the process of developing a webpage that utilizes JSON API REST alongside XAMPP with an Apache server. Up until now, everything has been working smoothly as I have been utilizing the DELETE method successfully. However, I seem to have hi ...

"An error in the signature index results in the failure of the

I'm encountering a coding issue that's puzzling me. The TypeScript index signature I included in my code is as follows: const ships: { [index: string]: Ship } = {}; This snippet of code contains the problematic line: recieveAttack(e: any) { ...

Transmitting data via AJAX to a sails endpoint

Currently, I am facing an issue with a client-side component that generates a DataURL when a user uploads or takes a picture and then crops it. My goal is to send this DataURL via an AJAX call to a sails endpoint. As per the documentation provided by Sails ...

What is the best way to extract clean text from HTML using JavaScript?

I am struggling with the code below in my HTML file: function hideContent(){ // Need help with this part! } <input type="button" onclick="hideContent()" value="Hide Content"/> <p id='txt'> <span class="A">I am</span> ...

What is returned by jQuery when it fails to locate a specified class selector within the jQuery object?

Picture this scenario: var $letsTestA = $( '.lets-test-a' ), $letsTestB = $( '.lets-test-b' ); Then, consider this HTML: <div class="lets-test-a"></div> (I omitted .lets-test-b intentionally) Now, what happens if we ...

Alert: The lack of boundary in the multipart/form-data POST data has been detected in an unknown source on line

I am currently developing a file uploader that uploads an image when the input changes. Here is the code for my HTML form: <form method="post" enctype="multipart/form-data"> <input name="uploaded[]" type="file" id="file_upload"/> </for ...

Having difficulties testing the Angular HTTP interceptor with Karma and Jasmine

Testing an http interceptor has been quite the challenge for me. Despite having my token logged in the console and ensuring that the request URL matches, I still can't figure out why it's not working with the interceptor in place. Interestingly, ...

Encounter a Socket.io connection error due to net::ERR_CONNECTION_REFUSED when trying to access from multiple devices

I'm having trouble with other people's computers accessing my test chatting application. When they try to connect, they encounter this error: localhost:3000/socket.io/?EIO=4&transport=polling&t=Oi2Ko0C:1 Failed to ...

A guide on incorporating a button into a column within ng2table in Angular 2

I am currently using ng2table and I have all the columns being appended from ts. However, I would like to add a button to each of these columns. Can someone please assist me with how to achieve this? Thank you. columns: Array<any> = [ {tit ...

What prevents `console.log` from working within a button click event?

Why is this not functioning correctly? <button (click)="console.log('ok');">Display Details</button> The error message reads: Cannot read property 'log' of undefined However, a console.log statement in the class construc ...

The dimensions of HTML elements can vary when viewed in browser developer tools versus retrieving their size using JavaScript

In my Javascript file, I have implemented various methods to determine the height of a fixed header on my website and use that value as padding for the main content. However, I am encountering inconsistencies in the results obtained through different metho ...

jQuery "ooze navigation" - precise pixel rounding

After successfully programming my jQuery slime menu, I am facing a minor issue. Although the menu works beautifully, I have noticed that when I move the arrow and the ending circle of the slime separately, they do not always connect accurately if the curso ...

What is the best way to connect to a library using a script within a Typescript React application?

I'm a newbie to React and haven't worked on web development in years, so I'm facing a basic issue: Currently, I'm working on implementing a Stripe-based payment flow in a React web app (written in Typescript) and I've hit a roadbl ...

Customizing checkboxes in React with JSS: A step-by-step guide

I'm currently working on customizing CSS using JSS as my styling solution, which is proving to be a bit complex while following the w3schools tutorial. https://www.w3schools.com/howto/howto_css_custom_checkbox.asp HTML: <label class="container"& ...

Showcasing interactive column titles by employing angularjs in an html table

After preparing my data, I aim to showcase it in an HTML table. However, a complication arises each time the $http service is called as it returns a varying number of columns (n). Essentially, I wish to have the first row of the data serve as column names, ...

In the world of three js, we are presented with two distinct scenes featuring CubeGeometry and PointsGeometry. However

I've been trying to generate a cube and some dots that are part of a torus using the code below. However, I can only see the cube and not the dots. Despite spending hours searching for the dots, they remain elusive. // Generating a cube cu ...

How to prevent or disable the hardware back button on an Ionic 4 device

I am currently utilizing Angular routing with @angular/router in my Ionic 4 project. I have been attempting to disable the device back-button in Ionic 4, but prevent-default is not working for me. Below is the code snippet from my app.component.ts file: ...