JQuery, JSON - Web Technologies I.

JQuery, JSON

Web Technologies I.

Zsolt T?th

University of Miskolc

2018

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 1 / 29

Table of Contents

Introduction

1 Introduction

2 JSON Hierarchical Data Model Syntax Applications

3 JQuery Syntax Events, Functions Plug?ins

4 AJAX JQuery Layout

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 2 / 29

Introduction

N?Tier Architecture

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 3 / 29

Introduction

Client-Server Communication

Protocol HTTP Verbs Status Codes Content ?

Challenges Different platforms Data formats Network Security Firewall

Text based

HTTP Data formats

CSV XML JSON Processing JavaScript JQuery

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 4 / 29

Table of Contents

JSON Hierarchical Data Model

1 Introduction

2 JSON Hierarchical Data Model Syntax Applications

3 JQuery Syntax Events, Functions Plug?ins

4 AJAX JQuery Layout

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 5 / 29

JSON Hierarchical Data Model

Hierarchical Data Model

1960's Tree structure 1-to-many relationship XML JSON

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 6 / 29

XML

JSON Hierarchical Data Model

eXtensible Markup Language Data description text-based

tag Schema definition

DTD XML Schema

+ Self contained

+ Platform independent

+ Readable + Free, open standard

RSS API

SAX DOM JAXB Applications SOAP

- Huge

- "slow" processing

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 7 / 29

JSON Syntax

JavaScript Object Notation

text-based Self contained Designed for data transfer Language independent JavaScript syntax Hierarchical Data Model

{ " name " : " John Johnson " , " s t r e e t " : " Oslo West 555" , " age " : 3 3 , " phone ":"555 1234567" }

Zsolt T?th (University of Miskolc)

JQuery, JSON

2018 8 / 29

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download