抓取ajax动态网页java(一下JSP的思想就好了，现在已经没有用了 )

　　抓取ajax动态网页java(一下JSP的思想就好了，现在已经没有用了

)

　　上节课讲了JSP，大家应该掌握思路。至于更多的JSP知识，现在其实也没什么用了，因为没有人会直接用JSP来做web开发。这是古老的编程知识。

　　关于服务端的知识，我们暂停一下，从http协议的角度学习一个前端知识。在前端技术中，有一个非常重要的技术叫做ajax。我们先展示一个ajax的例子，然后看看这个技术的本质。

　　AJAX 用例

　　在许多应用程序中，我们实际上并不想刷新整个网页。例如，一个网页上有很多产品的图片列表。当我们将鼠标向上移动时，我们想在网页上弹出一个小框，显示产品的详细信息。. 在这种情况下，我们实际上并不需要刷新整个页面。但是如何向服务器发送请求以获取产品的详细信息？

　　这时，有一种技术叫做Ajax。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。AJAX 是一种与服务器交换数据并更新网页的一部分的技术，允许与服务器进行数据交互而无需重新加载整个页面。

　　我们仍然在 jetty 的根目录下新建一个名为 ajax.html 的文件：

function loadXMLDoc() {

var xmlhttp;

xmlhttp=new XMLHttpRequest();

// 当数据返回以后才会调用这个匿名方法，把从服务端得到的内容设置到myDiv这个标签里

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","ajax_info.txt",true);

xmlhttp.send();

}

使用 AJAX 修改文本内容

change text

　　注意新建文件的时候一定要保证文件的编码是UTF-8

　　让我们分析一下这个页面上的javascript代码是什么意思。此网页上有一个按钮，当单击该按钮时，将调用 loadXMLDoc。在这个方法中创建了一个XMLHttpRequest，通过这个对象的open方法访问服务器的ajax_info.txt。返回数据时，会调用一个匿名函数来设置网页的内容。看看上面代码中的注释。

　　所以我们在服务器端再创建一个名为ajax_info.txt的文件，文件内容随便填写即可。

　　点击后可以看到：