NMD202 Web Scripting Week9.

Slides:



Advertisements
Similar presentations
Forms Authority Database Store Username and Passwords: ASP.NET framework allows you to control access to pages, classes, or methods based on username and.
Advertisements

Copyright © The OWASP Foundation Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation.
AJAX Presented by: Dickson Fu Dimas Ariawan Niels Andreassen Ryan Dial Jordan Nielson CMPUT 410 University of Alberta 2006.
Multiple Tiers in Action
XMLHttpRequest Object and XML What we should learn in this lesson –What is the XHR object? –How to create the XHR objects? –XHR object properties –XHR.
XP Tutorial 9 New Perspectives on JavaScript, Comprehensive1 Working with Cookies Managing Data in a Web Site Using JavaScript Cookies.
Competence Development Introduction to AJAX. What is AJAX? AJAX = Asynchronous JavaScript and XML For creating interactive web applications – Exchanging.
Internet Applications Spring Review Last week –MySQL –Questions?
Introduction to AJAX AJAX Keywords: JavaScript and XML
Ajax (Asynchronous JavaScript and XML). AJAX  Enable asynchronous communication between a web client and a server.  A client is not blocked when an.
PHP and AJAX ISYS 475. AJAX Asynchronous JavaScript and XML: – JavaScript, Document Object Model, Cascade Style Sheet, XML, server-side script such as.Net,
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
Lecture 14 – Web Security SFDV3011 – Advanced Web Development 1.
AJAX and Java ISYS 350. AJAX Asynchronous JavaScript and XML: – Related technologies: JavaScript, Document Object Model, XML, server-side script such.
1 PHP and MySQL. 2 Topics  Querying Data with PHP  User-Driven Querying  Writing Data with PHP and MySQL PHP and MySQL.
WaveMaker Visual AJAX Studio 4.0 Training Authentication.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
06/10/2015AJAX 1. 2 Introduction All material from AJAX – what is it? Traditional web pages and operation Examples of AJAX use Creating.
Ajax. –Asynchronous JavaScript and XML –Umbrella term for technologies that often: Use client-side scripting for layout and formatting Use less than full.
JavaScript – Quiz #9 Lecture Code:
Week seven CIT 354 Internet II. 2 Objectives Database_Driven User Authentication Using Cookies Session Basics Summary Homework and Project 2.
NMD202 Web Scripting Week3. What we will cover today Includes Exercises PHP Forms Exercises Server side validation Exercises.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
AJAX محمد احمدی نیا 2 Of 27 What is AJAX?  AJAX = Asynchronous JavaScript and XML.  AJAX is not a new programming language, but.
Web Database Programming Week 7 Session Management & Authentication.
Web Design: Basic to Advanced Techniques Fall 2010 Mondays 7-9pm 200 Sutardja-Dai Hall Introduction to PHP.
Ajax XMod for Dummies Building DNN Ajax Modules Without Programming Dave McMullen SoCal DNN Users Group 2/7/07 –
AJAX stands for Asynchronous JavaScript And XML. AJAX is a type of programming made popular in 2005 by Google (with Google Suggest). AJAX is not a new.
School of Computing and Information Systems CS 371 Web Application Programming AJAX.
CISC 3140 (CIS 20.2) Design & Implementation of Software Application II Instructor : M. Meyer Address: Course Page:
AJAX Asynchronous JavaScript & XML A short introduction.
SYST Web Technologies SYST Web Technologies AJAX.
NMD202 Web Scripting Week5. What we will cover today PHP & MySQL Displaying Dynamic Pages Exercises Modifying Data PHP Exercises Assignment 1.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
AJAX Asynchronous JavaScript and XML 1. AJAX Outline What is AJAX? Benefits Real world examples How it works 2.
Web Programming JAvaScript Ajax Programming Web Programming /38.
CHAPTER 13 COMMUNICATING WITH AJAX. LEARNING OBJECTIVES AJAX, which stands for Asynchronous JavaScript and XMLprovides a way for a browser to send and.
CSC 2720 Building Web Applications Basic Frameworks for Building Dynamic Web Sites / Web Applications.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
ASSIGNMENT 2 Salim Malakouti. Ticketing Website  User submits tickets  Admins answer tickets or take appropriate actions.
Dave Salinas. What is XML? XML stands for eXtensible Markup Language Markup language, like HTML HTML was designed to display data, whereas XML was designed.
AJAX AJAX Asynchronous JavaScript and XML --- MADHAVI
Display Page (HTML/CSS)
What is AJAX ? Asynchronous Javascript and XML. Not a stand-alone language or technology. It is a technique that combines a set of known technologies in.
NMD202 Web Scripting Week2. Web site
Ajax SUBMITTED BY NITIN RAMANI C.S.E 3 rd Y 5 th S R.N CS SUBMITTED TO PRO. PUSHPARAJ PATEL SIR.
NMD202 Web Scripting Week10. What we will cover today Week 9 - Ajax Next week presentation Assignment 1.
National College of Science & Information Technology.
Introduction to AJAX Pat Morin COMP Outline What is AJAX? – History – Uses – Pros and Cons An XML HTTP Transaction – Creating an XMLHTTPRequest.
What is AJAX ? Asynchronous Javascript and XML.
Building Secure ColdFusion Applications
Web Technologies Computing Science Thompson Rivers University
JavaScript and Ajax (Ajax Tutorial)
Introduction to Dynamic Web Programming
AJAX AJAX = Asynchronous JavaScript and XML.
CS 371 Web Application Programming
Getting web pages First we need to get the webpage by issuing a HTTP request. The best option for this is the requests library that comes with Anaconda:
AJAX and JSP ISYS 350.
IS 360 Course Introduction
Web Systems Development (CSC-215)
Web Browser server client 3-Tier Architecture Apache web server PHP
PHP: Security issues FdSc Module 109 Server side scripting and
Web Systems Development (CSC-215)
ISC440: Web Programming 2 AJAX
AJAX CS-422 Dick Steflik.
PHP Forms and Databases.
Web Technology Even Sem 2015
Advanced Concepts and AJAX
AJAX and JSP ISYS 350.
Presentation transcript:

NMD202 Web Scripting Week9

What we will cover today Solution exercise last week Ajax and PHP Exercises PHP Ajax Frameworks Assignment 1

Exercise Create a username/password table and use it to store usernames and password hashes. Use http://md5-hash-online.waraxe.us/ to create hashes Use cookies and sessions to confirm authentication. Use a salt to harden your hashes (don’t forget to include the salt when calculating hashes for the user table)

Ajax and PHP What is AJAX?

Ajax and PHP Technique that allows exchanging small amounts of data with the server "behind the scenes" so that entire web pages do not have to be reloaded each time there is a need to fetch data from the server.

Ajax and PHP

AJAX and PHP var xmlHttp=null; try { xmlHttp = new XMLHttpRequest(); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) document.getElementById("ajax_output").innerHTML = xmlHttp.responseText; xmlHttp.open("get","pages/index.html"); xmlHttp.send(null);

Ajax and PHP Check example at: http://learnline.cdu.edu.au/units/webscripting/classmaterials/source/ajax/

Exercise Build a Filter on the student list that filters the list of students based on the student name. ie: user inserts ‘L’ all users starting with L will be displayed. Tip: Use a Like statement

PHP Ajax Frameworks Frameworks Make PHP Ajax development very simple Some you don't even have to write any PHP Most use PHP Object Oriented Features

PHP Ajax Frameworks Ajax Agent Simple Framework that handles simple Ajax Calls http://ajaxagent.org

PHP Ajax Frameworks Ajax Agent 1-Include agent.php file 2-Initialize Agent ($agent->init(); ) this will write all necessary javascript to handle Ajax Calls 3- Call the agent – agent.call(url,phpFunction,callBackFunction,[list of variables]); url – URL where the php functions is located, leave empty for current page phpFunction – Server side functions to be called by ajax callBackfunction – Client Side function to run after ajax request has finished [list of variables] - Optional variables to pass to the server side function (comma separated)

PHP Ajax Frameworks Ajax Agent Check Example at: http://learnline.cdu.edu.au/units/webscripting/classmaterials/source/ajaxAgent/

Rewrite last exercise using Ajax Agent

Assignment 1