HTTP Communication on Tizen

Size: px

Start display at page:

Download "HTTP Communication on Tizen"

Rafe Lindsey
5 years ago
Views:

1 HTTP Communication on Tizen Spring 2015 Soo Dong Kim, Ph.D. Professor, Department of Computer Science Software Engineering Laboratory Soongsil University Office Mobile

2 Unit 7-1. Overview of HTTP Communication 2

3 What is HTTP Communication? An application protocol for distributed, collaborative, hypermedia information systems Foundation of data communication for the World Wide Web Request Response 3

4 GET HTTP Methods To request a representation of the specified resource POST To submit data to be processed to the identified resource To submit files to a server PUT To upload a representation of the specified resource DELETE To delete the specified resource 4

5 REST (Representational State Transfer) A software architecture style consisting of guidelines and best practices for creating scalable web services To communicate over the HTTP(Hypertext Transfer Protocol) with the same HTTP verbs GET POST PUT DELETE 5

6 Usage of HTTP Methods in REST Used as CRUD functions in manipulating data Refer to all of the major functions in manipulating data Operation Create Retrieve Update Delete HTTP POST GET PUT DELETE 6

7 Unit 7-2. HTTP on Tizen Web App 7

8 Two Ways for HTTP Communication Synchronous Communication To use Form tags Asynchronous Communication To use Ajax Most commonly used in Tizen Web Application 8

9 Privilege Settings To allow to use specific features To add the privilege, config.xml > Privileges > Add 9

10 Policy Settings To allow an Tizen Web app to access a specific URL To add the policy, Network URL: * Allow Subdomain: True config.xml > Policy > Add 10

11 Form Tag Used to create an HTML form for user input To reload other web pages Key Attributes Action A string containing the URL to which the request is sent Method Usage The HTTP method to use for the request <form action="demo_form.asp" method="get"> name: <input type="text" name= Gildong Hong"><br> <input type="submit" value="submit"> </form> 11

12 AJAX (Asynchronous JavaScript and XML) A group of interrelated Web development techniques used on the client-side to create asynchronous Web applications Not a new programming language, but a new way to use existing standards To exchange data with a server, and update parts of a web page without reloading the whole page 12

13 jquery.ajax() jquery Methods for Ajax To perform an asynchronous HTTP (Ajax) request jquery.get() To load data from the server using a HTTP GET request jquery.post() To load data from the server using a HTTP POST request 13

14 jquery.ajax(url [, settings]) Url jquery.ajax() (1) A string containing the URL to which the request is sent Settings A set of key/value pairs that configure the Ajax request 14

15 jquery.ajax() (2) Setting Keys Method The HTTP method to use for the request GET, POST, PUT Data Data to be sent to the server Datatype The type of data that you're expecting back from the server XML, JSON, HTML Success A function to be called if the request succeeds Error A function to be called if the request fails 15

16 Example jquery.ajax() (3) $("#bt-ajax").click(function() { $.ajax({ url : " method : "GET", crossdomain : true, datatype : "json", success : function(res) { $("#p-ajax-res").html(json.stringify(res)); }, error : function(err) { $("#p-ajax-res").html(json.stringify(err)); } }); }); 16

17 jquery.get(url [, Settings]) Url jquery.get() (1) A string containing the URL to which the request is sent Settings A set of key/value pairs that configure the Ajax request A shorthand Ajax function $.get({ url: url, data: data, success: success, datatype: datatype }); = $.ajax({ url: url, method: GET data: data, success: success, datatype: datatype }); 17

18 jquery.get() (2) Setting Keys Data A plain object or string that is sent to the server with the request Success A function to be called if the request succeeds DataType A function to be called if the request fails 18

19 jquery.post(url [, Settings]) Url jquery.post() (1) A string containing the URL to which the request is sent Settings A set of key/value pairs that configure the Ajax request A shorthand Ajax function $.post({ url: url, data: data, success: success, datatype: datatype }); = $.ajax({ url: url, method: POST data: data, success: success, datatype: datatype }); 19

20 jquery.post() (2) Setting Keys Data A plain object or string that is sent to the server with the request Success A function to be called if the request succeeds DataType A function to be called if the request fails 20

21 Thank You! 21

HTTP Communication on Tizen (Tizen Ver. 2.3)

HTTP Communication on Tizen (Tizen Ver. 2.3) Spring 2015 Soo Dong Kim, Ph.D. Professor, Department of Computer Science Software Engineering Laboratory Soongsil University Office 02-820-0909 Mobile 010-7392-2220