代碼5:
<br /></br />
<!--以下是Ajax代碼-->
<ul id='u1'></ul> <!--在這里顯示-->
<script>
var text = $('#aha');
//定義一個json對象,用于保存學生的相關資料
var jsona = [];
$('#b1').on('click', function () {
jsona.push({
name : text.val()
});
text.val('');
});
<br /></br />
<!--以下是Ajax代碼-->
<ul id='u1'></ul> <!--在這里顯示-->
<script>
var text = $('#aha');
//定義一個json對象,用于保存學生的相關資料
var jsona = [];
$('#b1').on('click', function () {
jsona.push({
name : text.val()
});
text.val('');
});
代碼6:
$('#b2').on('click',function () {
$.each(jsona,function (i) {
$('ul').append('<li>'+jsona[i].name+'</li>');
});
});
//each相當于一個for循環的迭代器 他遍歷指定的DOM元素
//第一個參數是遍歷的對象,第二個是回調函數
//索引從0開始
//append添加內容
</script>
</body>
</html>
$('#b2').on('click',function () {
$.each(jsona,function (i) {
$('ul').append('<li>'+jsona[i].name+'</li>');
});
});
//each相當于一個for循環的迭代器 他遍歷指定的DOM元素
//第一個參數是遍歷的對象,第二個是回調函數
//索引從0開始
//append添加內容
</script>
</body>
</html>
$.ajax({
url:'Data/article.txt',
data: {num:$("#txtNumber").val()},
type:'post',
dataType:'text',
success: function (data) {
$("ul").append("<li>你輸入的<b> "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
url:'Data/article.txt',
data: {num:$("#txtNumber").val()},
type:'post',
dataType:'text',
success: function (data) {
$("ul").append("<li>你輸入的<b> "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
2017-06-23
$(this).addClass('focus').find('#tip').html(''); 妥妥的
2017-06-22