抓取ajax动态网页java(下图显示GET请求到文件后继续请求了多个JS、CSS文件前端与后端浏览器 )

　　抓取ajax动态网页java(下图显示GET请求到文件后继续请求了多个JS、CSS文件前端与后端浏览器

)

　　下图是对HTML文件的GET请求后继续请求多个JS和CSS文件

　　前端和后端

　　浏览器显示的网页是web前端界面，它为用户提供了一个与网站交互的可视化界面，而web后端服务主要是指在浏览器中进行的逻辑操作和数据处理。 server，为前端提供访问服务。. 所谓的前端和后端只是从代码执行的位置来区分的。前端代码在用户面前执行，后端代码在远程服务器上执行。但是，无论前端代码还是后端代码，都是存储在服务器上的，只有在浏览器请求时才从服务器发送出去。

　　AJAX 简介

　　在上述web应用的工作原理中，我们通过HTTP协议访问一个存在于服务器上的文件。服务器可以找到该文件并将其内容封装成一个HTTP请求，并以消息体的形式返回给客户端。但是，这种方法只能访问静态页面，不能与后端数据库交互。由于用户需要通过web前端与后端数据库进行实时交互，因此网页也需要动态更新。如果每次更新一个数据都是通过重新获取Html文件来实现的，势必会导致网络负载变重，页面加载变慢。而Ajax技术可以很好的解决这个问题。

　　Ajax，异步 JavaScript 和 XML，是一种用于创建交互式网页的技术，它可以更新网页的某些部分，而无需重新加载整个网页。目前 jQuery 库提供了几种与 AJAX 相关的方法。通过 jQuery AJAX 方法，可以使用 HTTP Get 和 HTTP Post 从远程服务器请求文本、HTML、XML 或 JSON，并且可以将这些外部数据直接加载到网页的选定元素中。

　　作为 Web 开发者广泛使用的 JavaScript 封装库之一，jQuery 库可以极大地简化我们的 JavaScript 编程，缓解浏览器不兼容带来的影响。有必要了解网页在不同浏览器中的兼容性测试。这也是很多工作。我们可以通过一个简单的例子看到 jQuery 库的优势：

　　$("p.neat").addClass("ohmy").show("slow");

　　有了上面的短代码，开发者就可以遍历所有“整洁”的类

　　元素，然后将“ohmy”类添加到它，同时缓慢地为每个段落设置*敏*感*词*。开发者无需检查客户端浏览器类型，无需编写循环代码，无需编写复杂的*敏*感*词*功能，只需一行代码即可实现上述效果。jQuery 的口号“用最少的代码做最多的事情”名副其实，并将 JavaScript 带到了更高的水平。

　　JSON格式介绍

　　对于交互式数据格式，这里使用JSON（JavaScript Object Notation），这是一种轻量级的数据交换格式，它使用完全独立于编程语言的文本格式来存储和表示数据。JSON键值的层次结构简洁明了，易读易写，使JSON成为一种理想的数据交换语言。一个理解 JSON 数据格式的例子：

　　{//JSON 键/值对

　　“'wJsona'”：“kkk”

　　“'wjsonb'”：“12”

　　“'wjsonc”：“80”

　　}

　　代码

　　下面介绍前端jQuery .ajax() 请求JSON数据的方法。代码如下：

　　函数 useTestFun() {

　　$.ajax({

　　url: "/Usedefine",//获取数据的URL

　　数据：JSON.stringify（{

　　'wJsona':"kkk",

　　'wjsonb':12,

　　'wjsonc':80,

　　}),

　　type: "POST",//HTTP请求方式

　　dataType:'JSON',//获取数据执行方式

　　成功：功能（数据）{

　　if(data.status == 'True'){//传入JSON对象格式

　　alert('连接成功');

　　}

　　别的{

　　$("#labletip").show();

　　}

　　},

　　错误：函数（错误）{

　　alert('连接失败');

　　}

　　});

　　}

　　在数据传输过程中，JSON是以文本即字符串的形式传输的，而JS对JSON对象进行操作，所以JSON对象与JSON字符串的转换是关键，可以使用JSON.stringify() convert 将 JSON 对象转换为 JSON 字符串，使用 JSON.parse() 将 JSON 字符串转换为 JSON 对象。

　　JSON 字符串：var str1 = '{ "name": "cxh", "sex": "man" }';

　　JSON 对象：var str2 = { "name": "cxh", "sex": "man" };

　　var obj = str.parseJSON(); //从JSON字符串转换为JSON对象

　　var obj = JSON.parse(str); //从JSON字符串转换为JSON对象

　　var last = obj.toJSONString(); //将JSON对象转换为JSON字符

　　var last = JSON.stringify(obj); //将JSON对象转换为JSON字符

　　下面展示了HTTP协议中JSON数据的传输格式。后端服务器可以使用第三方 JSON 库来处理 JSON 数据。返回 JSON 数据时，将 HTTP 协议的 Content-Type 字段设置为“application/json”。