私はJquery Mobileを初めて使用します。Web サービスの結果からリストを読み込もうとしています。以下は、Web サービスを直接呼び出すときのコードですが、Jquery モバイルからは表示できません。
以下は、私の Jquery モバイル コードと Web サービスの出力です。どんな助けでも私にとって素晴らしいでしょう。
var serviceURL = "http://localhost:8008/Service1/";
var employees;
$('#employeeListPage').bind('pageinit', function(event)
{
getEmployeeList();
});
function getEmployeeList()
{
$.getJSON(serviceURL, function (data)
{
alert("asda")
$('#employeeList li').remove();
employees = data.items;
$.each(employees, function(index, employee)
{
$('#employeeList').append('<li>Vishnu.....</li>');
});
$('#employeeList').listview('refresh');
});
}
<div data-role="content">
<ul id="employeeList" data-role="listview" data-filter="true"></ul>
</div>
Web サービスの出力
<ArrayOfSampleItem xmlns="http://schemas.datacontract.org/2004/07/RestWServices"
xmlns:i="http://www.w3.org/2001/XMLSchema-instance">
<SampleItem><Id>0</Id><StringValue>ItemName 0</StringValue></SampleItem>
<SampleItem><Id>1</Id><StringValue>ItemName 1</StringValue></SampleItem>
<SampleItem><Id>2</Id><StringValue>ItemName 2</StringValue></SampleItem>
<SampleItem><Id>3</Id><StringValue>ItemName 3</StringValue></SampleItem>
<SampleItem><Id>4</Id><StringValue>ItemName 4</StringValue></SampleItem>
<SampleItem><Id>5</Id><StringValue>ItemName 5</StringValue></SampleItem>
<SampleItem><Id>6</Id><StringValue>ItemName 6</StringValue></SampleItem>
<SampleItem><Id>7</Id><StringValue>ItemName 7</StringValue></SampleItem>
<SampleItem><Id>8</Id><StringValue>ItemName 8</StringValue></SampleItem>
<SampleItem><Id>9</Id><StringValue>ItemName 9</StringValue></SampleItem>
</ArrayOfSampleItem>