$.ajax({
url:'/htmltest',
type:'get',
dataType:'xml',
timeout:1000,
error:function() {
alert("request error!")
},
success:function(da
ta) {
alert(da
ta)
$(da
ta).find("div").each(function() {
var text = $(this).text()
alert(text)
})
}
})
Java代码:
protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
httpServletResponse.setContentType("text/xmlcharset=utf-8")
httpServletResponse.setHeader("Cache-Control","no-cache")
PrintWriter out = httpServletResponse.getWriter()
out.println("<div>")
out.println("<p>test dom tree</p>")
out.println("</div>")
out.flush()
out.close()
}
用jquery查询html元素是利用jquery的选择器实现的。
几点说明：
jQuery 选择器允许程序员对 HTML 元素组或单个元素进行 *** 作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>关于jquery的选择器</title>
<script src="./jquery/2.0.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide()
})
})
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>
运行结果:
1、显示一个button和两段文字：
2、点击button后段落消失
使用ajax。
参考代码：
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg)
}, error:function(XMLHttpRequest, textStatus, thrownError){}})
})
扩展资料：
xml：返回XML文档，可用JQuery处理。
html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
script：返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时（不在同一个域下），所有post请求都将转为get请求。
json：返回JSON数据。
jsonp：JSONP格式。使用SONP形式调用函数时，例如myurl?callback=?，JQuery将自动替换后一个“?”为正确的函数名，以执行回调函数。
text：返回纯文本字符串。
beforeSend：要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）