Ajax呼び出しを使用してXMLで応答を取得しています。データを解析できますが、複数のデータ要素ではなく単一のデータしか解析できません。xml応答で取得するのは次のとおりです。
<GetTimeSlotsForUserType_1Response>
<GetTimeSlotsForUserType_1Result>
<NewDataSet xmlns="">
<Table diffgr:id="Table1" msdata:rowOrder="0">
<SlotId>406</SlotId>
<TimeAvailable> 01:00</TimeAvailable>
<CutOffHours>0.50</CutOffHours>
<Sequence>1</Sequence>
</Table>
<Table diffgr:id="Table2" msdata:rowOrder="1">
<SlotId>408</SlotId>
<TimeAvailable>02:00</TimeAvailable>
<CutOffHours>0.50</CutOffHours>
<Sequence>1</Sequence>
</Table>
<Table diffgr:id="Table3" msdata:rowOrder="2">
<SlotId>410</SlotId>
<TimeAvailable>03:00</TimeAvailable>
<CutOffHours>0.50</CutOffHours>
<Sequence>1</Sequence>
</Table>
<Table diffgr:id="Table4" msdata:rowOrder="3">
<SlotId>412</SlotId>
<TimeAvailable>04:00</TimeAvailable>
<CutOffHours>0.50</CutOffHours>
<Sequence>1</Sequence>
</Table>
<Table diffgr:id="Table5" msdata:rowOrder="4">
<SlotId>414</SlotId>
<TimeAvailable>05:00</TimeAvailable>
<CutOffHours>0.50</CutOffHours>
<Sequence>1</Sequence>
</Table>
</NewDataSet>
</GetTimeSlotsForUserType_1Result>
</GetTimeSlotsForUserType_1Response>
さまざまな要素が必要で、HTMLページの[選択]メニューに1つずつ配置します。
Jqueryコード:
function GetTimeSlotsForUser(){
var soapMessage4='<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Body><GetTimeSlotsForUserType_1 xmlns="http://there.org/"><opFacId>'+ OpFacId +'</opFacId><requestType>'+ check +'</requestType><category>'+ category +'</category><availableFor>'+ issignee +'</availableFor></GetTimeSlotsForUserType_1></soap:Body></soap:Envelope>';
$.ajax({
url: "http://33.204.22.31/therewebservice/therewebservice.asmx?op=GetTimeSlotsForUserType_1",
type: "POST",
dataType: "xml",
SOAPAction: "http://there.org/GetTimeSlotsForUserType_1",
data: soapMessage4,
complete: endSaveProduct4,
contentType: "text/xml; charset=\"utf-8\""
});
return false;
}
function endSaveProduct4(xmlHttpRequest,status){
var optionlist='<option value="select-value-2">-- Select Time --</option>';
$(xmlHttpRequest.responseXML)
.find('NewDataSet')
.each(function()
{
var timeAvailable=$(this).find('TimeAvailable').text();
optionlist += '<option>' + timeAvailable + '</option>';
});
$("#select-choice-2").html(optionlist).selectmenu('refresh', true);
}
ここまではオプションリストのデータを取得できますが、すべての要素を取得して、次のように選択メニューに1つのオプションとして配置します...:
私が欲しいのは、xmlからすべての異なる「TimeAvailable」要素を解析し、それを選択メニューに複数のオプションとして表示することです。助けてください。