PhoneJs DataSource Api+Jquery

  var store = new DevExpress.data.ODataStore({
                url: "api/Cidadao?codigo=" + Control.codigo,
                json: true
            });

            store.byKey().done(function (dataItem) {
                // process 'dataItem'
                //alert(dataItem[0].NOME);
Recebe o Valor do DataSource
                Control.nome = dataItem[0].NOME;
            }).fail(function (error) {
                // handle error
                alert(error);
            });

Liberar Acesso Api

Link Para Ver o Artigohttp://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

combo com Jquery+Ajax

HTML DE EXEMPLO




<table>

    <tr>

        <th>

            Gender

        </th>

        <td>

            <select id="ddlGender">

            </select>

        </td>

    </tr>

    <tr>

        <th>

            Name

        </th>

        <td>

            <select id="ddlName">

            </select>

        </td>

    </tr>

</table>




RETORNO VIA WEBSERVICE E APLICAÇÃO

$().ready(function() {

    $.ajax({

        type: "POST",

        url: "Default.aspx/Exemplo",

        data: "{}",

        contentType: "application/json; charset=utf-8",

        dataType: "json",

        success: function(msg) {

            $("#ddlGender").get(0).options.length = 0;

            $("#ddlGender").get(0).options[0] = new Option("Select gender", "-1");   

 

            $.each(msg.d, function(index, item) {

                $("#ddlGender").get(0).options[$("#ddlGender").get(0).options.length] = new Option(item.Display, item.Value);

            });

        },

        error: function() {

            alert("Failed to load genders");

        }

    });

});