如何在Ajax中將序列化集合轉換為javascript陣列-有解無憂

我有一個代碼，我在其中對 Web 服務中的串列進行 serailize 并將其寫入回應，從那里我想獲取該回應并使用 Ajax 轉換為 javasript 中的陣列

這是網路服務代碼

[WebMethod]
    public void getLatLng() {
        city = new City();
        city.Lat = "-29.0882";
        city.Lng = "26.2098";
        all.Add(city);
        //2
        city = new City();
        city.Lat = "-29.1032";
        city.Lng = "26.1965";
        all.Add(city);
        //3
        city = new City();
        city.Lat = "-29.143";
        city.Lng = "26.1803";
        all.Add(city);
        //4
        city = new City();
        city.Lat = "-29.1847";
        city.Lng = "26.2393";
        all.Add(city);
        //4
        city = new City();
        city.Lat = "-29.1292";
        city.Lng = "26.2526";
        all.Add(city);

        JavaScriptSerializer js = new JavaScriptSerializer();
        Context.Response.Write(js.Serialize(all));
    }

Javascript

 const area = new Array;
            $.ajax({
                method: "post",
                url: "LatLng.asmx/getLatLng",
                dataType: "json",
                success: function (data) {
                    for (i = 0; i < data.length; i  ) {
                        //create objects
                        let one = { lat: data[i].Lat, lng: data[i].Lng };
                        //add objects to array
                        area.push(one);
                        console.log("abc", JSON.stringify(one));
                    }
                },
                error: function (repo) {
                    alert("error "   repo);
                }
            });

這是我的網路服務結果

[{"Lat":"-29.0882","Lng":"26.2098"},{"Lat":"-29.1032","Lng":"26.1965"},{"Lat":"-29.143"," Lng":"26.1803"},{"Lat":"-29.1847","Lng":"26.2393"},{"Lat":"-29.1292","Lng":"26.2526"}]

我想把它變成這樣的陣列

const area = [
                { lat: -29.0882, lng: 26.2098 },
                { lat: -29.1032, lng: 26.1965 },
                { lat: -29.143, lng: 26.1803 },
                { lat: -29.1847, lng: 26.2393 },
                { lat: -29.1292, lng: 26.2526 },

uj5u.com熱心網友回復：

我建議使用Newtonsoft.Json而不是 old/legaxcy JavaScriptSerializer。還要更新您的控制器方法以回傳一個字串：

using Newtonsoft.Json;
...
[WebMethod]
public string getLatLng() 
{
    ...
    return JsonConvert.SerializeObject(all);
}

將您的 javascript/jquery 更新為以下內容：

let area = [];
$.ajax({
    method: "post",
    url: "LatLng.asmx/getLatLng",
    dataType: "json",
    success: function (response) {
        data = response.d; // important for asp.net
        area = JSON.parse(data);
    },
    error: function (repo) {
        alert("error "   repo);
    }
});

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/410728.html

標籤：

上一篇：如何在不對字串進行編碼的情況下將字串作為查詢引數傳遞給AjaxGET請求？

下一篇：倒數計時器沒有出現