Javascript 如何在AJAX函数中按属性组织对象
请原谅,如果这看起来很简单,我已经被困在这几个星期了。 如果您使用AJAX成功函数在html页面上动态显示数据,并且从服务器返回的数据位于stdclass对象中,如下所示Javascript 如何在AJAX函数中按属性组织对象,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,请原谅,如果这看起来很简单,我已经被困在这几个星期了。 如果您使用AJAX成功函数在html页面上动态显示数据,并且从服务器返回的数据位于stdclass对象中,如下所示 array( [7] => stdClass Object ( [id] => 3 [title] => Electrition [img] => [description] => [
array(
[7] => stdClass Object
(
[id] => 3
[title] => Electrition
[img] =>
[description] =>
[school] =>
[location] => 1
[url] =>
[tablename] => 3
[votes] => 0
[name] => John Doe
[NumJobsdone] => 4
)
[8] => stdClass Object
(
[id] => 2
[title] => Electrition
[img] =>
[description] =>
[school] =>
[location] => 1
[url] =>
[tablename] => 2
[votes] => 0
[name] => Tico Marinez
[NumJobsdone] => 6
)
[9] => stdClass Object
(
[id] => 2
[title] => Engineer
[img] =>
[description] =>
[school] =>
[location] => 1
[tablename] => 2
[votes] => 0
[name] => Jerry Smity
[NumJobsdone] => 6
)
[10] => stdClass Object
(
[id] => 2
[title] => Engineer
[img] =>
[description] =>
[school] =>
[location] => 1
[url] =>
[tablename] => 2
[votes] => 0
[name] => Laura Bastian
[NumJobsdone] => 6
)
)
如何编写一个jquery函数,它可以遍历数据并创建段落标记来标记输出和相应对象的div中的无序列表
你正在尝试创建两个组,电气和工程师,并列出个人的姓名
这看起来很简单,但当我在success函数中使用$.each方法时,我为每个对象创建了一个段落标记,该对象具有我用来组织对象的属性。当我尝试使用sort方法时,我一次只能比较两个或三个对象,而不能遍历多个对象的长列表
假设期望的输出是这样的
<div id="accordion">
<p> Electrition</p>
<div>
<ul>
<li>jon</li>
<li>jill</li>
</ul>
</div>
<p>Engineer</p>
<div>
<ul>
<li>jerry</li>
<li>laura</li>
</ul>
</div>
</div>
通电
- 乔恩
- 吉尔
工程师
- 杰里
- 劳拉
请分别尝试jquery
$.each(array, function (index,value) {
$('#accordion').append("<p>"+ value.title +"</p><div><ul><li>" + value.name + "</li></ul></div>")});
$。每个(数组、函数(索引、值){
$(“#accordion”).append(“”+value.title+”“+value.name+””);
array是要传回的数组的名称
您还可以使用其他元素进行更多操作
你首先要想一想。解决方案非常简单,只需将它们保存在一个数组中,然后循环、检查和打印。除了描述您尝试过的内容外,还可以显示您尝试过的内容