%Teilweise Erzeugt mit dem LaTeX-Generator: http://latex.sehnot.de

%Schriftgröße, Layout, Papierformat, Art des Dokumentes
\documentclass[10pt,oneside,a4paper]{scrartcl}

%Einstellungen der Seitenränder
\usepackage[left=2cm,right=2cm,top=1.5cm,bottom=1.5cm,includeheadfoot]{geometry}

%neue Rechtschreibung
\usepackage[ngerman]{babel}

%Umlaute ermöglichen
\usepackage[utf8]{inputenc}

%Gesamtseitenzahl
\usepackage{lastpage}

% Kopf- und Fußzeile
\usepackage[automark]{scrpage2}

%Quellcode-Listings
\usepackage{listings}

%Hyperlinks
\usepackage{hyperref}




%Kopfzeile
\ihead{Webentwicklung}
\chead{}
\ohead{http://kohnlehome.de/html/ajax.pdf}
\setheadsepline{0.5pt}

%Fußzeile
\setfootsepline{0.5pt}
\ifoot{Franz Kohnle}
\cfoot{Seite \thepage\ von  \pageref{LastPage}}
\ofoot{\today}

\pagestyle{scrheadings}

\begin{document}

% Überschrift 
\begin{center}
\LARGE % Schriftgröße
\bfseries % Fettdruck
\sffamily % Serifenlose Schrift
AJAX: Asynchronous JavaScript and XML
\end{center}


\section{Instanz erstellen}
\begin{verbatim} 
var request = new XMLHttpRequest();
\end{verbatim}

\section{Anfrage losschicken}
\subsection*{synchron}
\begin{verbatim} 
request.open("GET", "beispiel.xml", false);
request.send();
\end{verbatim}

\subsection*{asynchron}
\begin{verbatim} 
request.open("GET", "beispiel.xml", true);
request.send();
\end{verbatim}

\section{Antwort auswerten}
\subsection*{synchron}
\begin{verbatim} 
// direkt nach dem Losschicken der Anfrage
...
\end{verbatim}

\subsection*{asynchron}
\begin{verbatim} 
// in Callback-Funktion
request.onreadystatechange = function(){
    if(request.readyState === 4){  // DONE
        ...
    }
}
\end{verbatim}

\subsection*{Eigenschaften und Methoden der Antwort}
\begin{verbatim} 
request.responseText
request.getAllResponseHeaders()
request.getResponseHeader("Content-Type")
request.status // 200
request.statusText // OK
request.responseXML.documentElement.childNodes.length 
\end{verbatim}


\end{document}
