Advanced Web Programming Practice Exam II

Size: px

Start display at page:

Download "Advanced Web Programming Practice Exam II"

Raymond Terry
5 years ago
Views:

1 Advanced Web Programming Practice Exam II Name: 12 December 2017 This is a closed book exam. You may use one sheet of notes (8.5X11in, front only) but cannot use any other references or electronic device. You will receive partial credit for everything that you do, so do as much of every problem as you can. 1. Add bodies to the two javascript functions in the html file on the following page that do the following:. a. When the button in the form is clicked it calls the function searchauthor(). This function must use AJAX to call a PHP script (in the same directory as the html file) that expects to receive an author name and category and will return an array of results. b. Use JSON to receive the array. Each element of the results array will be a string of the format Author;Title. c. The function searchbook() must call the function AddStuff(theArray) when it receives the results array. This function must add a new row to the bottom of the table for every entry in the array. This row must have the Title in the first <td> and the Author in the second <td>. d. You may not use jquery. Make your changes on the code given on the next two pages. Adv Web Exam 2 1

2 <!DOCTYPE html> <html> <body> <h1>the XMLHttpRequest Object</h1> <form id="myform"> Select a Category:<br> <input type="radio" name="genre" value="scifi" checked>sci Fi<br> <input type="radio" name="genre" value="myst">mystery<br> <input type="radio" name="genre" value="hist">historical Fiction<br> <input type="radio" name="genre" value="nonf">non-fiction<br> <br> Author Name:<input type="text" name="authorname"> <button type="button" onclick="searchauthor()">search</button> </form> <Table id="rslt"> <tr> <td><b>title</b></td> <td><b>author</b></td> </tr> </table> <script> function addstuff(thebooks){ var newrow = null; var newtd1 = null; var newtd2 = null; var element = null; var results = [ ]; element = document.getelementbyid("booktable"); results = ""; for (var i = 0; i < thebooks.length; i++){ results = thebooks[i].split(";"); newrow = document.createelement("tr"); newtd1 = document.createelement("td"); newtd2 = document.createelement("td"); newtd1.innerhtml = "<b>" + results[0] + "</b>"; newtd2.innerhtml = "<b>" + results[1] + "</b>"; newrow.appendchild(newtd1); newrow.appendchild(newtd2); element.appendchild(newrow); function searchauthor() { Adv Web Exam 2 2

3 var cat = document.forms["myform"]["category"].value; var theauthor = document.forms["myform"]["author"].value; var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readystate == 4 && this.status == 200) { alert("response text is " + this.responsetext); var thebooks = []; // Assume that a book title cannot have an ampersand in it var thebooks = JSON.parse(this.responseText); addstuff(thebooks); ; //alert("func has value " + func); xmlhttp.open("get", "library.php?type=2&cat=" + cat + "&author=" + theauthor, true); xmlhttp.send(); </script> </body> </html> Adv Web Exam 2 3

4 2. Write a PHP script that is called from the html page in the previous question and finds all the books that the author wrote in a given category that are stored in a database: a. The PHP script will receive a category and a author name: i. The first variable name is author ii. The second variable name is cat b. The script will connect to a database using the following information (the database is on the same server as the PHP script): i. User name: CS205 ii. Password: Ithaca iii. Database: BOOKS c. The database contains one table named thebooks which has the following fields (or columns): i. BookID (the primary key; it is auto-incremented and is a number) ii. Title (a varchar with up to 255 characters) iii. Author (a varchar with up to 255 characters) iv. Category (a varchar with up to 255 characters) d. Your script must connect to the database, run a query to obtain the books written by the given author, and return an array that contains elements that are strings in the form Author;Title. e. Note that the array returned by the query will not be in the correct format. f. You must use JSON to encode the array. g. Do not return any HTML or anything other than the array. Adv Web Exam 2 4

5 <?php Use this page for problem 2 $author = $_REQUEST["author"]; $cat = $_REQUEST["cat"]; $servername = "localhost"; $username = "cs205"; $password = "ithaca"; $DBname = "Books"; // Create connection $conn = new mysqli($servername, $username, $password, $DBname); // Check connection if ($conn->connect_error) { die("connection failed: ". $conn->connect_error); //echo "<h1>db results:</h1></p>"; $sql = "SELECT Author, Title FROM thebooks WHERE Author='".$author."' AND cat='".$cat"';"; $result = $conn->query($sql); $toreturn = array(); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { array_push($toreturn,$row["author"]. ";". $row["title"]. "<br>\n"; else { $toreturn[0] = "NotFound; NotFound"; echo json_encode($toreturn); $conn->close();?> Adv Web Exam 2 5

6 3. Consider database Ithaca with the five tables given below. mysql> SELECT * FROM student; firstname lastname GPA phone major dorm creditstaken studentid George Smith CS Pepsi Sally Jones CS Coke Fred Kelly CIS Dew Ashley Nevins CIS Pepper Mike Melville CIS Orange Coleen Richford CS Pepper Samantha Foley CS Pepper Cynthia James CIS Coke Sam Smalley CIS Orange rows in set (0.00 sec) mysql> SELECT * FROM instructors; firstname lastname office phone dept instructorid John Barr Williams 401A CS barr@ithaca Ali Erkan Williams 401B CS erkan@ithaca Toby Dragon Williams 401D CS tdragon@ithaca Sharon Stansfield Williams 301D CS stansfield@itha Paul Dickson Williams 301C CS pdickson@ithaca Nathan Prestopnik Williams CS nprestop@ithaca rows in set (0.00 sec) mysql> SELECT * FROM courses; courseid description instructorid days time room COMP 171 CS I MWF 9:00am Williams 303 COMP 205 Adv Web MWF 10:00am Williams 309 COMP 190 MatLAB M 4:00pm Williams 303 COMP 375 DB MWF 2:00pm Williams 303 COMP 315 Graphics MWF 11:00am Williams 309 COMP 370 AI MWF 10:00am Williams 303 COMP 210 Org TR 10:00am Williams 309 COMP 122 Legos TR 11:00am Williams 309 COMP 110 Intro T 2:30pm Williams 319 COMP 207 Game Dev MWF 4:00pm Williams 303 COMP 310 Op Sys MWF 8:00am Williams 309 COMP 123 Legos II R 2:30pm Williams rows in set (0.00 sec) mysql> SELECT * FROM student2course; studentid courseid COMP COMP COMP COMP COMP 171 Adv Web Exam 2 6

7 COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP COMP rows in set (0.00 sec) Adv Web Exam 2 7

8 a. Write an SQL query on the Ithaca database that finds the courseid of all courses taken by Cynthia that meet on MWF. Will this query return any courses? If so, list them. mysql> SELECT courses.courseid -> FROM ((students INNER JOIN student2course ON students.studentname= Cynthia AND students.studentid = student2course.studentid) -> INNER JOIN courses ON student2course.courseid = courses.courseid AND courses.days= MWF ); Returns: Comp 205 Comp 207 Comp 310 b. Write an SQL query on the Ithaca database that finds the address of all instructors that teach at 10:00am or at 2:30pm and lists them in descending order. Will this query return any addresses? If so, list them. mysql> SELECT instructors. -> FROM ((instructors INNER JOIN courses ON instructors.instructorid=courses.instructorid AND (courses.time= 10:00am OR courses.time= 2:30pm ) ORDER BY DESC; c. Note: you will not see a query this difficult on the exam. But do note the wild card character: % matches 0 or more characters of any type. Write an SQL query on the Ithaca database that finds the last name of all instructors who teach a course taken by a student whose last name begins with an N. The instructor names should be listed in ascending order. You must explicitly require the order to be ascending in the query. mysql> SELECT instructors.lastname -> FROM ((instructors INNER JOIN courses ON instructors.instructorid=courses.instructorid ) -> INNER JOIN -> (FROM students INNER JOIN student2course ON students.studentname=n% AND students.studentid = student2course.studentid) -> ON courses.courseid=student2course.courseid ORDER BY ASC; Adv Web Exam 2 8

Networks and Web for Health Informatics (HINF 6220) Tutorial 13 : PHP 29 Oct 2015

Networks and Web for Health Informatics (HINF 6220) Tutorial 13 : PHP 29 Oct 2015 PHP Arrays o Arrays are single variables that store multiple values at the same time! o Consider having a list of values