ajax编程
① ajax请求的五个步骤是什么
第1步 创建异步对象，首先，创建一个XMLHttpRequest异步对象。
Ajax即AsynchronousJavascriptAndXML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法。
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。
Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用。
Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
② ajax请求的五个步骤
ajax请求的五个步骤：
1.建立XMLHttpRequest对象。
2.设置回调函数。
3.使用open方法与服务器建立链接。
4.向服务器发送数据。
5.在回调函数中针对不同的响应状态进行处理。
Ajax即AsynchronousJavascriptAndXML（异步JavaScript和XML）在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的‘新’方法。
包括:HTML或XHTML, CSS,JavaScript,DOM, XML,XSLT, 以及最重要的XMLHttpRequest。
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作。
Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用：
Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。
③ ajax如何编程
1.介绍
Asynchronous JavaScript and XML简写为AJAX，是指在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。
2.load()
jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据，并把返回的数据放入被选元素中:
$(selector).load(URL,data,callback);
a.加载外部整个文件
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="conte www.cshangzj.com nt-type" content="text/html;charset=utf8"/>
<script src
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt');<!--显示test.txt文件中的文本-->
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html>
b.加载外部文件中指定部分
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<script src="pis.com/ajax/libs/jq www.hbbz08.com uery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt #p1');<!--显示test.txt文件中id=p1的文本-->
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html>
c.加载外边文件后，有回调函数
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8"/>
<script src="h
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('./test.txt',function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功！");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html>
d.test.txt内容(utf8编码):
外边无id指定内容
<p id="p1">外边id=p1内容</p>
3.post/get
a.两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST:
GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。
b.$.get()
通过 HTTP GET 请求从服务器上请求数据：
$.get(URL,callback);
<!DOCTYPE html>
<html>
<head>
<script srcgleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/example/jquery/demo_test.asp",function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>
</body>
</html>
这个 ASP 文件 ("demo_test.asp") 类似这样：
<%
response.write("This is some text from an external ASP file.")
%>
c.$.post()
通过 HTTP POST 请求从服务器上请求数据：
$.post(URL,data,callback);
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/example/jquery/demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});
});
</script>
</head>
<body>
<button>向页面发送 HTTP POST 请求，并获得返回的结果</button>
</body>
</html>
=
④ AJAX是什么
AJAX是创建交互式网页应用的网页开发技术的一种。
Ajax = 异步JavaScript和 XML 或者是 HTML（标准通用标记语言的子集）。可以用于创建快速动态网页的技术。在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
(4)ajax编程扩展阅读
Ajax 开发与传统的B/S开发有很大的不同。这些不同引入了新的编程问题，最大的问题在于易用性。由于 Ajax 依赖浏览器的 JavaScript 和XML，浏览器的兼容性和支持的标准也变得和 JavaScript 的运行时性能一样重要了。
综合各种变化的技术和强耦合的客户服务端环境，Ajax 提出了一种新的开发方式。Ajax 开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。同时，开发人员还需要考虑 B/S 环境的外部和使用 Ajax 技术来重定型 MVC 边界。
最重要的是，Ajax 开发人员必须禁止以页面集合的方式来考虑 Web 应用而需要将其认为是单个页面。一旦 UI 设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。