ajax基本概念
|
一：简单介绍 1.基本概念 AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 AJAX 是一种在 2005 年由 goo gle 推广开来的编程模式。 AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。 通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 HTTP 请求（HTTP requests）。
2.ajax优点 AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 可使因特网应用程序更小、更快，更友好。 AJAX 是一种独立于 Web 服务器软件的浏览器技术。
3.基于的web标准 AJAX 基于下列 Web 标准： JavaScript XML HTML CSS 在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。
二：ajax中http请求 1.传统请求 必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息，等待服务器的响应，然后一张新的页面会加载结果。
2.使用ajax请求 利用 AJAX，您的 JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象，直接与服务器来通信。 通过使用 HTTP 请求，web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，用户不会注意到脚本在后台请求过页面，或向服务器发送过数据。
三：ajax的浏览器支持 AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。 如需针对不同的浏览器来创建此对象，我们要使用一条 "try and catch" 语句。
简单案例： <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>无标题文档</title> </head> <body> <scripttype="text/javascript"> function ajaxFunction(){ var xmlHttp; try{ //Firefox,Opera 8.0+,Safari xmlHttp=newXMLHttpRequest(); } catch(e){ //IE浏览器 try{ xmlHttp=newActiveXObject("Msxml2.XMLHTTP"); } catch(e){ window.alert("您的浏览器不支持ajax！"); return false; } } } </script> <formname="myForm"> 用户：<input type="text"name="username"/> 时间：<input type="text"name="time"/> </form> </body> </html> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |