ajax基本概念

前端之家收集整理的这篇文章主要介绍了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 应用程序独立于浏览器和平台。

二:ajaxhttp请求

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>

原文链接:https://www.f2er.com/ajax/163056.html

猜你在找的Ajax相关文章