关于javascript：序列化一个 <ul> 的内容并通过 AJAX 提交表单

Serialize a <ul>’s contents and submit form via AJAX

我需要一些帮助来获取通过 AJAX 发布表单请求提交的序列化
<DDPB1>
列表。我该怎么做呢？以下是我当前的代码。

HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<li id="item_Banana" value="3">Yellow
</li>

</ul>

jQuery:

1
2
3
4
5
6
7
8
9

$("#update_fruit_form").submit(function() {
$.ajax({
url:"update_fruits.html",
context:"#list_a" ,
success: function(){
$(this).addClass("done");
}
});
});

谢谢！

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var list = {};
$(‘#list_a li’).each(function(){
list[ $(this).attr(‘value’) ] = $(this).html();
});

$("#update_fruit_form").submit(function() {
$.ajax({
url:"update_fruits.html",
data: list,
success: function(){
$(this).addClass("done");
}
});
});

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/268765.html

关于javascript：序列化一个 <ul> 的内容并通过 AJAX 提交表单

Serialize a <ul>’s contents and submit form via AJAX

相关推荐

发表回复