ajax抓取网页内容(ajaxajax )

　　ajax抓取网页内容(ajaxajax

)

　　阿贾克斯

　　Ajax 代表“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），指的是一种用于创建交互式 Web 应用程序的 Web 开发技术。

　　Ajax = 异步 JavaScript 和 XML 或 HTML（标准通用标记语言的子集）。

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

　　Ajax 是一种无需重新加载整个网页即可更新网页部分的技术。

　　Ajax 可以通过在后台与服务器交换少量数据来异步更新网页。这意味着可以在不重新加载整个页面的情况下更新页面的某些部分。

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

　　（注：以上介绍来自百度百科）

　　本文主要介绍ajax登录的异步认证。

　　一、js 部分

　　1//定义一个变量用于存放XMLHttpRequest对象

2var xmlHttp;

3function checkIt(){

4 //获取文本框的值

5 var username=document.getElementById("username").value;//从登陆框中获取用户输入的账号

6 //alert("测试获取文本框的值："+username);

7 //先创建XMLHttpRequest对象

8 // code for IE7+, Firefox, Chrome, Opera, Safari

9 if (window.XMLHttpRequest) {

10 xmlHttp = new XMLHttpRequest();

11 } else {// code for IE6, IE5

12 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

13 }

14 //服务器地址和数据

15 var url="Login_ajax.jsp?username="+username;//此处的地址为ajax验证控制器的地址

16 //规定请求的类型、URL 以及是否异步处理请求。

17 xmlHttp.open("GET",url,true);

18 //将请求发送到服务器

19 xmlHttp.send();

20 //回调函数

21 xmlHttp.onreadystatechange=function(){

22 if (xmlHttp.readyState==4 && xmlHttp.status==200){

23 //给div设置内容

24 document.getElementById("errorAccount").innerHTML = xmlHttp.responseText;//把验证是否成功的信息返回到界面上，如下图

25

26 }

27 }

28}

29

30

　　二、html 部分

　　1

2

3

4

5

6 //从控制类中返回验证信息

7

8

9

　　三、控制器部分（这里用jsp替换servlet）

　　1

17

18