HTML Form Processing Weasel pp 247-270 (reference) Kookaburra

HTML Form Processing Weasel pp 247-270 (reference) Kookaburra

HTML Form Processing Weasel pp 247-270 (reference) Kookaburra pp 199-222 (read) Web Client-Server Model http request Specify the URL of the file you want. http response Send back the file to the client. What is in an http request?

Obviously, the URL of the file you want. Anything else? Note: A URL not only helps you find the server, but it also tells the server what file you want. What is in an http request? Information about the client browser Firefox, IE, Safari, etc. Browser Version Platform (Windows, Unix, MacOS, etc.) Also the URL itself can include variables

http://www.site.com/makepage.php?pageid=48&display=wide URL Variables http://www.site.com/makepage.php?pageid=48&display=wide ? Defines the URLs query string pageid and display are query variables & is a delimiter, i.e., put between query variables Can an http request send anything else? Yes, It can send form variables to the server.

HTML includes elements for creating forms Text boxes Buttons Check boxes Etc. The data entered into these form elements can be sent to the server using an http request. HTML Forms Consider the following HTML code

Enter Email:

When you click the submit button, the browser requests the file script.php and sends the server the data that user enters email = [email protected] Summary: Data sent by client 1. 2. 3. 4.

URL itself URL variables Information about the client browser Any form data What does the server do with the data? The Server 1. receives an http request 2. parses URL and message body of the http request 3. puts the data into variables (associative arrays) that can be used by any scripting language

Variables provided by the server. $_GET stores all the URL variables $_POST stores all the Form variables $_SERVER stores server information including info about the client browsers that just made the request. Example http://www.site.com/add.php?xval=5&yval=7 add.php

$yValue = $_GET['yval']; $sum = $xValue + $yValue; 5+ 7 = 12 echo $xValue,' + ', $yValue, ' = ', $sum; ?> Example

+

4 5 4+5=9

Get vs. Post

+

4 5

echo $_POST['xval'],' + ', $_POST['yval'], ' = ', $sum; ?> 4+5=9 GET vs. POST GET First way Browser adds the form variables to the URL Then sends the http request Form variables are visible in the URL Browsers limit the length a

URL Limit for IE is 2,048 characters POST Improved way Browser adds the form variables to the message body of the http request Then sends the http request Must be used when sending non-text data, binary files, images, etc. Must be used when sending

long data (> 2KB) Details Client-side: The web browser extracts the form data, i.e., the values the user types, and the variables, i.e., the names of the form elements. places variables and values in either the URL (if method=get) or the body of the http request

(if method=post). Server-side: The web server receives the http request. Parses the header of the http request which indicates if there are form variables. extracts the variables places them in a data structure, and passes the structure to the requested script.

One more look

+

4 5

?> 4+5=9 Quirks of Web-page Based Interfaces Ever notice the delay in submitting a form? Ever notice that forms tend to always send back a confirmation message, even when you dont need one? Ever notice the page entirely refreshes whenever a button is clicked? Mechanics of Web-based Interfaces

User requests a FORM (add.html) Sends the FORM (add.html) Time User fills out the FORM and clicks submit Send FORM variables and requests action add.php Server receives the FORM variables Server executes add.php Sends back output of add.php could be a new FORM User fills out the new FORM and clicks submit Send FORM variables and requests new action

Synchronous Communication A Phone conversation is synchronous Generally, people wait for an answer before asking the next question You talk, I talk, you talk, I talk, Web analogy When submitting a form, you have to wait for a response before you can move to the next action. This is why web-interfaces are sometimes quirky: We are used to asynchronous interaction. Web client-server interaction is actually synchronous. Note many experts mistakenly consider web client-server

interaction to be asynchronous. They are wrong! Asynchronous Communication Email is a classic example of asynchronous communication You do NOT have to wait for an email reply to send out other emails. Web client-server analogy You do NOT have to wait for an http response to send out another request, even to the same server When you look at it this way, web client-server

interaction seems asynchronous, but it is not. Why it appears Asynchronous Consider opening multiple browser windows and connecting to different servers Consider slow servers The response order is NOT always the same as the request order. This appears to be asynchronous communication like email, but.

But You can get an email out of the blue. A software application can send a message out of the blue. Surprisingly, a web browser cannot get an http response without first making a request. Pop-ups are actually initiated by spyware or plug-ins that make requests without the users explicit action. http is Synchronous A server wont do anything unless the client

makes a request. Then, the only thing the server can do is send back exactly one response. Truly asynchronous communication would mean The server could initiate communication when appropriate. A single request from a client could trigger more than one response from the server at any time Confused? Here is a Summary The general communication between web client and web server has an asynchronous feel because clients and servers support multiple

simultaneous requests/responses However, http is a synchronous protocol Requests from clients drive all the responses from servers Later in the semester, well learn about AJAX, which is a way to support true asynchronous communication between client and server. Still Confused? A phone conversation is synchronous You talk, I talk, you talk, I talk.

Surfing the web is a synchronous conversation Click a link (request), get a page (response), click a link (request), get a page (response) Web clients and servers support multiple simultaneous conversations. Like having multiple mouths and sets of ears The conversations feel asynchronous because you can switch from one to the other but they are really simultaneous synchronous conversations. Take that! high paid web consultants who say http is asynchronous. Why is this important?

Synchronous form interaction is annoying. You have to refresh an entire form just to update one part of it. Then, you end up sending the entire form back again even if only part of it changed. Without using asynchronous frameworks like AJAX, synchronous form interaction is the only way to build web applications. Example If there is time, well look at a neat example Registration Form

Recently Viewed Presentations

  • Integrals Related to Inverse Trig, Inverse Hyperbolic Functions

    Integrals Related to Inverse Trig, Inverse Hyperbolic Functions

    Rewriting as Sum of Two Quotients The integral may not appear to fit basic integration formulas May be possible to split the integrand into two portions, each more easily handled Basic Integration Rules Note table of basic rules Most of...
  • Lithography 1 Instructor Abu Syed Md. Jannatul Islam

    Lithography 1 Instructor Abu Syed Md. Jannatul Islam

    Lithography . is the transfer of geometric shapes on a mask to a smooth surface . It . uses light or other forms of radiant energy to change the chemical properties of thin layers of films that have been coated...
  • Roach: Introductory Clinical Pharmacology

    Roach: Introductory Clinical Pharmacology

    Anticholinergic effects (cholinergic blocking) Dryness of mouth, nose, and throat; thickening of bronchial secretions ... individuals undergoing monoamine oxidase therapy, and in patients with angle-closure glaucoma, stenosing peptic ulcer, symptomatic prostatic hypertrophy, and bladder neck ...
  • Windows Event Log

    Windows Event Log

    NT, 2000, XP, 2003, and prior. This was a much more limited format holding far less information. Newer versions of Windows use the "Windows Event Log" mechanism. Vista, Server 2008, and newer. Uses a modern, XML based format. Changed all...
  • Economics 980aa THE RISE OF ASIA AND THE

    Economics 980aa THE RISE OF ASIA AND THE

    TYRANNY OF NUMBERS: SUMMARY AND CONCLUSION. The results of this paper should be heartening to economists and policy-makers alike. If the remarkable post-war rise of East Asian living standards is the result of one-shot increases in output brought about by...
  • Words Their Way - Mrs. Canducci's Classroom

    Words Their Way - Mrs. Canducci's Classroom

    Words Their WayYellow Book Sort 29. Spelling Sorts: Do not use Slide Show to sort the words.
  • Scanning Probe Lithography (SPL)

    Scanning Probe Lithography (SPL)

    Thank you !! 48 Fe atoms on a Cu (111) surface, Crommie et al., Science 1993 Scanning Probe Lithography (SPL) CHEM *7530/750 Olivier Nguon February 7th, 2006 Outlines Definition Scanning Probe Microscopes (SPMs) Scanning Probe Lithography Conclusions Definition: Lithography Greek...
  • 7.5 Acid-Base Neutralization Reactions

    7.5 Acid-Base Neutralization Reactions

    As an acid is added to a base the base is gradually consumed. When all the base has reacted, the result is a neutral solution of a salt and water. A salt is a compound made up of a positive...