您的位置:首页 > Web前端 > JQuery

[学习小结]Ajax基本操作_XML格式&&在jQuery中如何操作

2014-08-03 19:53 661 查看


操作效果:



XML格式:



解析操作:





在jQuery中使用:

<script type="text/javascript" src="../scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function() {
$("a").click(
function() {
var url = this.href;
var args = {
"time" : new Date()
};

//url:
//args:JSON格式
//function:回调函数,当响应结束时,回调函数被触发,响应结果在data中
$.get(url, args, function(data) {
var name = $(data).find("name").text();
var website = $(data).find("website").text();
var email = $(data).find("email").text();

/*
<h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2>
<a href="http://andybudd.com/">http://andybudd.com/</a>
*/
//注意如果原文的双引号里面的双引号要用单引号
$("#details").empty().append(
"<h2><a href='mailto:"+email+"'>" + name
+ "</a></h2>").append(
"<a href='"+website+"'>" + website + "</a>");
});
return false;
})
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: