`

ajax基础

    博客分类:
  • js
阅读更多

一。ajax是异步的JavaScript和XML。是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,可以是网页实现异步更新,这样就可以在不重新加载网页的情况下,进行局部的加载。 

 

二。对象的创建。XMLHttpRequest是ajax的基础。

1.创建语法:new XMLHttpRequest();

2.老版本的创建:new ActiveXObject("Microsoft.XMLHTTP").

 

三。服务器请求。

open(method,url,async).

     method:代表请求类型:GET或POST

     url:文件在服务器的位置。

     async:true(异步请求)或false(同步请求)。

send(string).

    把请求发送到服务器。

    string:仅用于POST请求。代表要传送的参数

 

四。服务器的响应。

responseText():获得字符串形式的响应数据。对于非XML请求,请用responseText属性。

responseXML():获得XML形式的相应数据。

 

五。onreadystatechange事件。

用于执行基于响应的任务。

onreadystatechange:存储函数,每当readyState属性改变时,就会调用该函数.

readyState:代表XMLHttpRequest的状态。从0到4发生变化。

                   0:请求未初始化

                   1:服务器连接已建立

                   2:请求已接收

                   3:请求处理中

                   4:请求已完成,且响应就绪。

status:200:‘OK’    404:未找到页面。

   

例子:

<html><!DOCTYPE html>
<html>
<head>
<script>
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","文件的地址",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>

</body>
</html>

你需要加入文件的地址,就可以 得到相应的内容。

实例地址:http://www.runoob.com/try/try.php?filename=tryajax_first

 

 

分享到:
评论

相关推荐

    csdn 图书 Ajax基础教程.chm

    《Ajax基础教程.chm》 Ajax技术可以提供高度交互的Web应用,给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的...

    ajax 基础教程源代码

    ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...

    精通Ajax 基础概念.核心技术与典型案例

    精通Ajax 基础 教程附带源代码及其案例

    AJAX基础.pdf

    AJAX基础.pdf AJAX基础.pdf AJAX基础.pdf

    ajax 基础

    ajax的基础知识 我看过还不错

    Ajax 基础教程中文版.pdf

    Ajax 基础教程中文版.pdf

    ajax 基础教程

    ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax ...

    Ajax基础教程(扫描版)

    原书名:Foundations of Ajax 原出版社: Apress 作者: (美)Ryan Asleson,Nathaniel T.Schutta 译者: 金灵 等 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 ISBN:7115144818 上架时间:2006-2-14 ...

    Ajax基础教程(亚马逊计算机榜首图书,国内第1本Ajax图书) [第一部分 共两部分]

    本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...

    AJax基础教程.pdf

    书名:Ajax基础教程 作者:(美)阿斯利森 舒塔

    ajax基础教程(pdf)(三)

    ajax基础教程(pdf)完整版本,希望对大家有所帮助

    ajax基础教程ajax基础教程ajax基础教程

    ajax基础教程ajax基础教程ajax基础教程ajax基础教程ajax基础教程aax基础教程ajax基础教程ajax基础教程ajax础教程ajax基础教程aja基础教程ajax基础教程ajax基础教程ajax基础教程ajax基础教程aax基础教程ajax基础教程

    Ajax基础教程中文版及源代码 part1

    堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...

    AJAX基础教程.pdf

    PDF格式电子书 适合有一点点JS基础,刚开始接触AJAX的人

    Ajax基础入门简介

    Ajax作为一门心得技术 ,这两年被广泛应用于网络应用中,并发挥着越来越重要的作用,本文就Ajax得基础知识做一个简单介绍

    Ajax基础教程

    60M的Ajax基础教程,非常适合初学者。

    第八章 AJAX基础

    第八章 AJAX基础 第八章 AJAX基础 第八章 AJAX基础 第八章 AJAX基础

    ASP.NET AJAX基础示例

    ASP.NET AJAX基础示例.................................................................................................ASP.NET AJAX基础示例

    Ajax基础教程中文版及源代码 part5

    堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...

    Ajax基础教程中文版及源代码 part3

    堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...

Global site tag (gtag.js) - Google Analytics