从WCF到列表的Jquery移动数据

时间:2012-07-11 06:19:37

标签: wcf jquery-mobile

我是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>

网络服务输出

<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>

1 个答案:

答案 0 :(得分:0)

看起来您的服务返回Xml,但您调用$.getJSON。您可以使用服务方法的ResponseFormat = WebMessageFormat.Json自定义属性中的WebGet从WCF返回Json,也可以将dataType参数设置为“xml”使用$.ajax()