Menu
Community /Pin to ProfileBookmarkOKAY, here’s what I want to achieve:
Step #1 – User inputs the number “1” via webpage text input and submits via form
Step #2 – The submitted number will be sent to the server (to a server file that contains the calculation code)
**********************************
**********************************Step #3 – Display the data response (the value of ‘x’ from the server calculation result) to the user on the webpage.
@NogDogJul 05.2018 — #There's no need to use any database interaction for this simple example, but if it's necessary that something be done on the server side, then you'll need a server-side language of some sort. At its simplest, assuming PHP and a HTTP request that would have the number in the 'number' GET param:
Using that in connection with any typical JavaScript AJAX function/library/framework/whatever would allow you to access that result from the server as a JSON object, then do whatever you want with it within the DOM of your web page in order to display it (or the error message).
@PeterPan_321Nov 30.2018 — #I always recommend starting with basics and working from there. In that regard, i would recommend you start with your existing knowledge of plain vanilla Javascript and HTML forms, and from there start by creating a very simple PHP file, to do nothing more than echo the words "Hello World". Then get to the point where you can at least place that PHP file in the hosted file space, and access it within a simple HTML form on that same space. If you do not have permissions to upload or run such a basic PHP file, work on that first with something very basic like this. When you get to the point where you can SUBMIT your form, it calls the PHP module, and the basic message is displayed, THEN proceed to the larger task you're asking about.
OK, I’m a server-side newbie! Can anyone help me?
Hello everyone,
I’ve been developing on the client-side for a long time, and I’ve always wanted to do some server-sided stuff, which are essentially things that the client-side is incapable of.
I’ve studied PHP, AJAX, and Node.js…….BUT, when it comes to testing them on an online hosting website (free ones like 000webhost), I get sooooooo freaking lost! There are MANY server-side options to choose from, but I’m a SIMPLE guy. Look, this is all I want to achieve:
-I want to create a webpage that can read a .txt file from the server
-I also want this page to be able to send data to the server (like a numerical value(s), text, etc. likely via <form>)
OKAY, here’s what I want to achieve:
———————————————————
———————————————————
Step #1 – User inputs the number “1” via webpage text input and submits via form
———————————————————
———————————————————
Step #2 – The submitted number will be sent to the server (to a server file that contains the calculation code)
———————————————————
———————————————————
[Server file contents]
Pseudo CODE:
**********************************
variableSentFromWebPage + 2 = x;
sendThisResponseBackToWebpage(x);
**********************************
Step #3 – Display the data response (the value of ‘x’ from the server calculation result) to the user on the webpage.
———————————————————
———————————————————
….as far as basics are concerned, this is what I need, but I’m having a WHOLE WORLD of trouble trying to do this on an online web server (not my personal PC’s private one) host like 000webhost. The site does have PHP/phpMyAdmin/SQL support, but do I REALLY have to go through all of that just for something as simple as the above basic client->server communication example?
Can anyone guide me step by step on what the code should look like (PHP language, if possible) as well as what free web hosting site that you recommend that I signup for to test the code? Seriously, I would like to see this code in action.
Thanks in advance!
Sign in
to post a comment8 Comments(s) ↴
0
@NogDogJul 05.2018 — #There's no need to use any database interaction for this simple example, but if it's necessary that something be done on the server side, then you'll need a server-side language of some sort. At its simplest, assuming PHP and a HTTP request that would have the number in the 'number' GET param:``php<i>
</i><?php
if(isset($_GET['number']) and is_numeric($_GET['number'])) {
$result = array('result' => $_GET['number'] + 2);
}
else {
$result = array('result' => null, 'error' => 'No number was supplied');
}
header('Content-Type: application/json');
echo json_encode($result);
exit;<i>
</i>``Using that in connection with any typical JavaScript AJAX function/library/framework/whatever would allow you to access that result from the server as a JSON object, then do whatever you want with it within the DOM of your web page in order to display it (or the error message).
0
@PeterPan_321Nov 30.2018 — #