ajax

最新推荐文章于 2024-09-06 22:57:14 发布

iteye_2879

最新推荐文章于 2024-09-06 22:57:14 发布

阅读量94

点赞数

分类专栏： JavaScript 文章标签： ajax

本文链接：https://blog.csdn.net/iteye_2879/article/details/82618952

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML).

AJAX 不是新的编程语言，而是一种使用现有标准的新方法.

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下.

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

XMLHttpRequest 是 AJAX 的基础

创建 XMLHttpRequest 对象

所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。

创建 XMLHttpRequest 对象的语法：

variable=new XMLHttpRequest();

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

variable=new ActiveXObject("Microsoft.XMLHTTP");

向服务器发送请求

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();

下面用一个例子来展示ajax的用法

代码

<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/ajax/demo_get.asp",true);
xmlhttp.send();
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" οnclick="loadXMLDoc()">请求数据</button>
<div id="myDiv"></div>

</body>
</html>

jQuery - AJAX load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法

$(selector).load(URL,data,callback);

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

iteye_2879

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML).AJAX 不是新的编程语言，而是一种使用现有标准的新方法.AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下.什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。...
复制链接

扫一扫

专栏目录