Warning: date(): Invalid date.timezone value 'HKT', we selected the timezone 'UTC' for now. in /home/mrgcom/public_html/catalog/controller/common/footer.php on line 48 jQuery AJAX XML 13

The One 专一

jQuery AJAX XML 13

w3c的理论基础只能帮助你看懂或明白别人写的代码,如果想做的更好,自己写,那必须要有大量的实例经验,显示模仿别人的代码,然后自己多次尝试写错,到最后写出自己的代码.语言的学习一向如此,这里jQuery的学习已经到一段落了,开始要加入实例练习了.

ajax.xml:

<?xml version="1.0" encoding="UTF-8"?>

<stulist>

<student email="1@q.com">

<name>zhangsan</name>

<id>1</id>

</student>

<student email="2@w.com">

<name>lisi</name>

<id>2</id>

</student>

</stulist>

<button type="button">加载</button>

<div id="load"></div>

<script type="text/javascript"><!--

$(function(){

$("button").click(function(){

$.ajax({

url:'ajax.xml',

type:'GET',

dataType:'xml',

timeout:1000,

cache:false,

error:function(xml){

alert('加载XML文档出错');

},

success:function(xml){

var frag=$("<ul></ul>");

$(xml).find("student").each(function(i){

var id = $(this).children("id");

id_value = id.text();

email=$(this).attr("email");

frag.append("<li>"+id_value+"-"+email+"</li>");

});

frag.appendTo("#load");

}

});

});

});

--></script>

appendTo() 方法

$("button").click(function(){

  $("<b>Hello World!</b>").appendTo("p");

});

定义和用法

appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

使用函数来附加内容

使用函数在指定元素的结尾插入内容。

语法

$(selector).append(function(index,html))

index - 可选。接收选择器的 index 位置。

html - 可选。接收选择器的当前 HTML。

Powered By 爱你若晴天
身体健康 © 2017 粤ICP备14081548号-1

Article

Shopping

Search

Me