A Web service returns a list of system users in the following format.
<xml version=”1.0″ >
<users>
<user id=”first”>
<name>Name of first user</name>
<email>[email protected]</email>
</user>
<user id=”second”>
<name>Name of second user</name>
<email>[email protected]</email>
</user>
</users>
You need to populate a drop-down menu with the IDs and names of the users from the Web service, in the order provided by the service.
Which code segment should you use?
A.
$.ajax({
type: “GET”,
url: serviceURL,
success: function(xml) {
$.each($(xml), function(i, item) {
$(“<option>”).attr(“value”, id).text(tx).appendTo(“#dropdown”);
});
}
});
B.
$.ajax({
type: “GET”,
url: serviceURL,
success: function(xml) {
$(xml).find(“user”).each(function() {
var id = $(this).id;
var tx = $(this).name.text
$(“<option>”).attr(“value”, id).text(tx).appendTo(“#dropdown”);
});
}
});
C.
$.ajax({
type: “GET”,
url: serviceURL,
success: function(xml) {
$(xml).find(“user”).each(function() {
var id = $(this).attr(“id”);
var tx = $(this).find(“name”).text();
$(“<option>”).attr(“value”, id).text(tx).appendTo(“#dropdown”);
});
}
});
D.
$.ajax({
type: “GET”,
url: serviceURL,
success: function(xml) {
xml.find(“user”).each(function(node) {
var id = $(node).attr(“id”);
var tx = $(node).find(“name”).text();
$(“<option>”).attr(“value”, id).text(tx).appendTo(“#dropdown”);
});
}
});