4- AJAX_Tutorial (Browser Scripting)-优快云博客

<city w:st="on"><place w:st="on">AJAX</place></city> Tutorial

1. <place w:st="on"><city w:st="on">AJAX</city></place>

2. <city w:st="on"><place w:st="on">AJAX</place></city> Basic

3. <city w:st="on"><place w:st="on">AJAX</place></city> Advanced

AJAX.. 1

AJAX Introduction. 1

AJAX = Asynchronous JavaScript and XML. 2

AJAX is Based on Web Standards 2

AJAX is About Better Internet Applications 2

You Can Start Using AJAX Today. 2

AJAX Http Requests 2

AJAX Uses HTTP Requests 2

The XMLHttpRequest Object 3

AJAX Basic. 3

a small AJAX application. 3

The HTML file. 3

The keystone of AJAX is the XMLHttpRequest object. 3

AJAX - Sending a Request to the Server 3

The Server-Side Script 3

AJAX Advanced. 4

AJAX Suggest Example. 4

AJAX Database Example. 4

AJAX XML Example. 4

AJAX ResponseXML Example. 4

AJAX for More, See: 4

<city w:st="on"><place w:st="on">AJAX</place></city>

<place w:st="on"><city w:st="on">AJAX</city></place> stands for Asynchronous JavaScript And XML.

<city w:st="on"><place w:st="on">AJAX</place></city> is a type of programming made popular in 2005 by Google (with Google Suggest).

<city w:st="on"><place w:st="on">AJAX</place></city> is not a new programming language, but a new way to use existing standards.

With <city w:st="on"><place w:st="on">AJAX</place></city> you can create better, faster, and more user-friendly web applications.

<place w:st="on"><city w:st="on">AJAX</city></place> is based on JavaScript and HTTP requests.

<place w:st="on"><city w:st="on">AJAX</city></place> Introduction

http://www.w3schools.com/ajax/ajax_intro.asp

<place w:st="on"><city w:st="on">AJAX</city></place> = Asynchronous JavaScript and XML

With <place w:st="on"><city w:st="on">AJAX</city></place>, your JavaScript can communicate directly with the server, using the JavaScript XMLHttpRequest object. With this object, your JavaScript can trade data with a web server, without reloading the page.

<city w:st="on"><place w:st="on">AJAX</place></city> uses asynchronous data transfer (HTTP requests) between the browser and the web server, allowing web pages to request small bits of information from the server instead of whole pages.

The <city w:st="on"><place w:st="on">AJAX</place></city> technique makes Internet applications smaller, faster and more user-friendly.

<place w:st="on"><city w:st="on">AJAX</city></place> is a browser technology independent of web server software.

<city w:st="on"><place w:st="on">AJAX</place></city> is Based on Web Standards

<place w:st="on"><city w:st="on">AJAX</city></place> is based on the following web standards:

* JavaScript

* XML

* HTML

* CSS

The web standards used in <place w:st="on"><city w:st="on">AJAX</city></place> are well defined, and supported by all major browsers. <city w:st="on"><place w:st="on">AJAX</place></city> applications are browser and platform independent.

<city w:st="on"><place w:st="on">AJAX</place></city> is About Better Internet Applications

Web applications have many benefits over desktop applications; they can reach a larger audience, they are easier to install and support, and easier to develop.

However, Internet applications are not always as "rich" and user-friendly as traditional desktop applications.

With <place w:st="on"><city w:st="on">AJAX</city></place>, Internet applications can be made richer and more user-friendly.

You Can Start Using <place w:st="on"><city w:st="on">AJAX</city></place> Today

There is nothing new to learn.

<place w:st="on"><city w:st="on">AJAX</city></place> is based on existing standards. These standards have been used by most developers for several years.

<place w:st="on"><city w:st="on">AJAX</city></place> Http Requests

http://www.w3schools.com/ajax/ajax_httprequest.asp

<place w:st="on"><city w:st="on">AJAX</city></place> Uses HTTP Requests

In traditional JavaScript coding, if you want to get any information from a database or a file on the server, or send user information to a server, you will have to make an HTML form and GET or POST data to the server. The user will have to click the "Submit" button to send/get the information, wait for the server to respond, then a new page will load with the results.

Because the server returns a new page each time the user submits input, traditional web applications can run slowly and tend to be less user-friendly.

With <place w:st="on"><city w:st="on">AJAX</city></place>, your JavaScript communicates directly with the server, through the JavaScript XMLHttpRequest object

With an HTTP request, a web page can make a request to, and get a response from a web server - without reloading the page. The user will stay on the same page, and he or she will not notice that scripts request pages, or send data to a server in the background.

The XMLHttpRequest Object

By using the XMLHttpRequest object, a web developer can update a page with data from the server after the page has loaded!

<city w:st="on"><place w:st="on">AJAX</place></city> Basic

a small <place w:st="on"><city w:st="on">AJAX</city></place> application

The HTML file

http://www.w3schools.com/ajax/ajax_example.asp

The keystone of <place w:st="on"><city w:st="on">AJAX</city></place> is the XMLHttpRequest object.

http://www.w3schools.com/ajax/ajax_browsers.asp

http://www.w3schools.com/ajax/ajax_xmlhttprequest.asp

<place w:st="on"><city w:st="on">AJAX</city></place> - Sending a Request to the Server

http://www.w3schools.com/ajax/ajax_server.asp

The Server-Side Script

http://www.w3schools.com/ajax/ajax_serverscript.asp

<city w:st="on"><place w:st="on">AJAX</place></city> Advanced

<place w:st="on"><city w:st="on">AJAX</city></place> Suggest Example

http://www.w3schools.com/ajax/ajax_example_suggest.asp

http://www.w3schools.com/ajax/ajax_source.asp

<place w:st="on"><city w:st="on">AJAX</city></place> Database Example

<place w:st="on"><city w:st="on">AJAX</city></place> can be used for interactive communication with a database. In the <city w:st="on">AJAX</city> example below we will demonstrate how a web page can fetch information from a database using <place w:st="on"><city w:st="on">AJAX</city></place> technology.

http://www.w3schools.com/ajax/ajax_database.asp

<place w:st="on"><city w:st="on">AJAX</city></place> XML Example

<place w:st="on"><city w:st="on">AJAX</city></place> can be used for interactive communication with an XML file.

In the <city w:st="on">AJAX</city> example below we will demonstrate how a web page can fetch information from an XML file using <city w:st="on"><place w:st="on">AJAX</place></city> technology.

http://www.w3schools.com/ajax/ajax_xmlfile.asp

<place w:st="on"><city w:st="on">AJAX</city></place> ResponseXML Example

While responseText returns the HTTP response as a string, responseXML returns the response as XML.

The ResponseXML property returns an XML document object, which can be examined and parsed using W3C DOM node tree methods and properties.

In the following <city w:st="on">AJAX</city> example we will demonstrate how a web page can fetch information from a database using <city w:st="on"><place w:st="on">AJAX</place></city> technology. The selected data from the database will this time be converted to an XML document, and then we will use the DOM to extract the values to be displayed.

http://www.w3schools.com/ajax/ajax_responsexml.asp

<place w:st="on"><city w:st="on">AJAX</city></place> for More, See:

http://blog.youkuaiyun.com/omohe/category/290655.aspx

4- AJAX_Tutorial (Browser Scripting)

<city w:st="on"><place w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></place></city>

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Introduction

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> = Asynchronous JavaScript and XML

<city w:st="on"><place w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></place></city> is Based on Web Standards

<city w:st="on"><place w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></place></city> is About Better Internet Applications

You Can Start Using <place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Today

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Http Requests

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Uses HTTP Requests

The XMLHttpRequest Object

<city w:st="on"><place w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></place></city> Basic

a small <place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> application

The HTML file

The keystone of <place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> is the XMLHttpRequest object.

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> - Sending a Request to the Server

The Server-Side Script

<city w:st="on"><place w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></place></city> Advanced

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Suggest Example

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> Database Example

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> XML Example

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> ResponseXML Example

<place w:st="on"><city w:st="on"><span style=""><span lang="EN-US">AJAX</span></span></city></place> for More, See: