引用
<html>
<head>
<title>AJAX.html</title>
</head>
<script type="text/javascript">
/*通过异步传输XMLHTTP发送参数到ajaxServlet,返回符合条件的XML文档*/
function getResult(){
var url = "ajaxServlet?action=send";
if (window.XMLHttpRequest){
req = new XMLHttpRequest();
}else if (window.ActiveXObject)
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req)
{
req.open("GET",url, true);
req.onreadystatechange = complete;
req.send(null);
}
}
/*分析返回的XML文档*/
function complete(){
if (req.readyState == 4)
{
if (req.status == 200){
//也可以用var date=req.responseText;直接取得服务器端的输出
//通过标签的方式取值
var type = req.responseXML.getElementsByTagName("type_name");
var str=new Array();
for(var i=0;i<type.length;i++){
str[i]=type[i].firstChild.data;
document.all['td'].innerHTML+=str[i]+"<BR>";
}
}
}
}
</script>
<body onLoad="getResult()">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="td">
</td>
</tr>
</table>
</body>
</html>
---------------------------------ajaxServlet.java-----------------------------------------------------
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ajaxServlet extends HttpServlet{
private static final String CONTENT_TYPE = "text/xml; charset=gb2312";
public void init() throws ServletException{}
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException
{
response.setContentType(CONTENT_TYPE);
PrintWriter out = response.getWriter();
String action = request.getParameter("action");
if (("send").equals(action))
{
StringBuffer sb = new StringBuffer("<type>");
sb.append("<type_name>AA</type_name>");
sb.append("<type_name>BB</type_name>");
sb.append("<type_name>CC</type_name>");
sb.append("<type_name>DD</type_name>");
sb.append("</type>");
out.write(sb.toString());
out.close();
}
}
}
发表评论
-
js计算出生年龄
2013-06-22 14:56 881<html> <head> ... -
提交数据时,用层覆盖父页面
2011-04-22 13:52 994<script LANGUAGE="J ... -
frame框架
2011-01-18 17:22 908<frameset rows="20% ... -
js 打印部分页面
2010-12-14 13:38 1157//打印js function preview() ... -
页面实现打印功能
2010-11-29 15:38 804<html> <head> ... -
那些相见恨晚的 JavaScript 技巧
2010-11-26 14:35 724http://51bcw.com/article-html-3 ... -
自定义 方法
2010-11-04 09:42 709function $(o){return document.g ... -
js 将数字转化为汉字
2010-10-26 09:31 6213<html> <head&g ... -
checkbox只读
2010-08-14 16:37 744<input type="checkbox&q ... -
html中select在js中的操作
2010-08-14 00:11 1352//添加 var Select1= document.getE ... -
js table 行数|js table row|js table td|js 操作Table
2010-08-13 23:39 5438兼容FF,IE的table属性操作, 1,得到表格的行数与 ... -
window.showModalDialog返回多个参数的问题
2010-08-11 23:27 1204a.htm: <SCRIPT language=&quo ... -
web可视化编辑器
2010-08-04 11:14 939web可视化编辑器在线编辑器 http://www.edojs ... -
JS阻止事件冒泡
2010-07-29 10:54 1203<!DOCTYPE html PUBLIC " ... -
iframe解决跨域
2010-07-28 17:48 1336.iframe的使用A域中有parent.html,B域中有c ... -
用Script绕行动态注入解决跨域的问题
2010-07-28 17:43 1590<script> /*************** ... -
在InnerHTML中执行js代码(一位教授解决了这个问题)
2010-07-28 17:32 2153<script> /* innerhtml.js ... -
监听父窗口的变化自适应子页面的高度
2010-07-28 17:16 2825<script> /*************** ... -
JS通用库函数
2010-07-28 15:49 20851.ifLetter 判断字符串是否都是 ...
相关推荐
Telerik Ajax加载是一种高效的方法,用于在ASP.NET开发中实现实时页面更新,无需完全刷新整个页面。Telerik是一家提供专业UI控件和工具的公司,其Ajax框架为Web应用程序提供了丰富的用户体验。在这个主题中,我们将...
9. AJAX与异步通信:为了获取服务器数据,比如更新排行榜、验证用户登录状态等,页面可能使用了AJAX进行异步请求,保证页面的即时性和不刷新特性。 通过分析【抓娃娃H5】这个压缩包,我们可以深入学习以上这些H5...
### Ajax跨域问题解决方案 #### 一、什么是Ajax跨域 **原理:** Ajax跨域问题的核心在于浏览器的“同源策略”。同源策略是一种安全措施,用于限制一个域名下的文档或脚本如何与另一个来源的资源进行交互。简单来说...
用抓包工具捉取 使用ajax加载页面的请求 鼠标往下下滚轮拖动页面,会加载更多的电影信息,这个局部刷新是当前页面发起的ajax请求, 用抓包工具捉取页面刷新的ajax的get请求,捉取滚轮在最底部时候发起的请求 这...
在前端开发中,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。而JSON(JavaScript Object Notation)是轻量级的数据交换...
使用Firebug抓包工具可以帮助开发者调试Ajax请求。 在处理服务器返回的数据时,可以根据返回数据的类型(HTML片段、JSON字符串或XML片段)来采取不同的操作。对于HTML片段,服务器通常返回一些HTML代码,客户端直接...
《HTTPWatch Pro 9.3:强大的URL监控与页面抓包工具详解》 在互联网技术高速发展的今天,网络数据的捕获、分析和优化成为开发者、网络管理员以及性能测试人员的重要工作之一。HTTPWatch Pro 9.3就是这样一款专业的...
同源策略是浏览器为保障用户数据安全而设定的一项机制,它规定浏览器只能访问与当前页面同协议、同域名、同端口的资源。然而,随着Web应用的发展,跨域通信的需求日益增加,为此,出现了多种解决Ajax跨域的方法。 1...
1. **元素选择与操作**:jQuery提供了丰富的选择器,如ID选择器、类选择器、属性选择器等,用于快速定位页面上的元素。在游戏界面中,这些元素可能包括娃娃机的背景、操作按钮、娃娃等。通过`.css()`方法可以改变...
2. **性能分析**:它能测量页面加载时间,包括DNS查找、TCP连接、SSL加密、发送请求、等待响应和接收数据等各个阶段,帮助优化网站速度。 3. **查看请求和响应头**:通过查看HTTP头,我们可以了解服务器和客户端...
jQuery是一个流行的JavaScript库,它简化了JavaScript的DOM(文档对象模型)操作,事件处理,动画效果和Ajax交互。在这个抓娃娃机项目中,jQuery可能被用来处理用户的交互,比如当用户点击按钮时,通过JavaScript...
最近一哥们在做一个Ajax长连接的项目,页面需要和服务器保持长连接,而且在连接超时后需要重新请求连接,过程中他问我要用到什么,我也是想都没想就告诉...后来抓包分析发现,每次jquery的Ajax请求都会创建一个xmlHttp
可以使用抓包工具如Fiddler来辅助分析。 通过上述介绍和示例代码,我们可以了解到在进行网页数据爬取时可能遇到的反爬策略以及应对这些策略的方法。了解这些技术不仅有助于遵守网络爬取的道德规范,还可以帮助我们...
其实抓ajax异步内容的页面和抓普通的页面区别不大。ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参数,然后对该url传递参数进行抓取即可。 利用Firebug的网络...
如何获取一个页面内所有URL链接?在Python中可以使用urllib对网页进行爬取,然后利用Beautiful Soup对爬取的页面进行解析,提取出所有的URL。 什么是Beautiful Soup? Beautiful Soup提供一些简单的、python式的函数...
当用户按下回车键时(keyCode为13),函数将获取当前输入的`wc-command`的值,即OGNL表达式,然后通过Ajax发送到服务器进行执行。`the_url`的值是通过父窗口的路径名获取的,确保了请求能够正确发送到服务器。如果...
1. **实时捕获**:工具可以实时捕获浏览器与服务器之间的所有HTTP和HTTPS交互,无论这些请求是通过Ajax、WebSocket还是其他方式发起的。 2. **请求分析**:显示每个HTTP请求的详细信息,如方法(GET、POST等)、URL...
在现代Web开发中,许多应用采用AJAX和其他JavaScript技术来实时更新页面,这使得静态扫描工具难以捕捉到所有安全问题。BurpKit通过提供一个双向JavaScript桥API,使得测试者能够直接与DOM(文档对象模型)和Burp的...
2. **AJAX**:异步JavaScript和XML技术可以实现页面内容的无刷新更新,比如实时加载活动推荐或票务信息。 3. **路由管理**:通过JavaScript库如React Router或Vue Router,实现单页应用的路由跳转,提供更流畅的...