JavaScript/JQuery 从 Web API 检索 JSON 数据

Question

Web API 的输出是:

<string>[{"FNAME":"Prasy","LNAME":"San"}]</string>

我需要使用 JavaScript/JQuery 从 API 检索 FNAME。

我尝试使用下面的代码:

$(document).ready(function () {             
       $.ajax({
           type: 'GET',
           url: 'http://localhost:63456/api/LoginUser',
           data: { q: $(this).val(), format: 'json', pretty: 1 },
           jsonpCallback: 'jsonp',
           dataType: 'jsonp'
       }).then(function (data) {
           alert(FNAME);
       });
   });

我在 APIController 类中使用以下方法

public string Userloginvalues()
    {

        List<LoginUser> objModel = new List<LoginUser>();
        OracleConnection con;
        OracleDataAdapter da;
        DataSet ds = new DataSet();
        con = new OracleConnection(ConfigurationManager.ConnectionStrings["ConString"].ToString());
        con.Open();
        da = new OracleDataAdapter("select FNAME,LNAME from ACCOUNTS where USERNAME=" + "'" + username + "'" + "  and PASSWORD=" + "'" + password + "'", con);
        da.Fill(ds);
        foreach (DataRow dr in ds.Tables[0].Rows)
        {
            FNAME_C = dr[0].ToString();
            LNAME_C = dr[1].ToString();

            objModel.Add(new LoginUser{ FNAME = FNAME_C,LNAME = LNAME_C});
        }
        con.Close();

        string json = Newtonsoft.Json.JsonConvert.SerializeObject(objModel);
        return json;
    }

Answer 1

使用 Jquery，您可以像这样获取任何您想要的字段(使用与您获取的数据相同的格式)。

var $string=$('<string>[{"FNAME":"Prasy","LNAME":"San"}]</string>');
var jsonData=JSON.parse( $string.text());    
$(jsonData).each(function(i,val){
           console.log(val.FNAME);
})

工作 fiddle http://jsfiddle.net/a8qWg/