如何将通用列表从后面的代码传递给 javascript

Question

是否可以在 java 脚本中将通用地址列表传递给客户端？

列表数据在服务器端可用，我想将列表发送到 java 脚本函数，该函数将对所有地址进行地理编码，然后将列表返回到服务器端。

• 用户点击搜索
• 在返回页面后，会生成列表。
• 在页面上显示结果之前，调用 java 脚本函数并循环遍历列表并获取地理编码并更新列表并将结果返回给服务器。
• 在页面上显示结果。

到目前为止我已经尝试过，不知道如何在 javascript 函数中读取列表，然后将结果返回到服务器。

 Private Shared Function CreateGenericArray() As List(Of AddressInfo)
    Dim _AddressInfo As New List(Of AddressInfo)()
    Dim lp As New AddressInfo()
    lp.AddressID = 1
    lp.AddressLine1 = "My Address"
    lp.City = "PA"
    lp.PostalCode = "11654"
    _AddressInfo.Add(lp)

    Return _AddressInfo
End Function

    Public Sub ConvertToJSON()
     Dim jss1 As New JavaScriptSerializer()
     Dim _myJSONstring As String = jss1.Serialize(CreateGenericArray())
     Dim player As String = (Convert.ToString("var player=") & _myJSONstring) + ";"
     Page.ClientScript.RegisterClientScriptBlock(Me.[GetType](), "player123", player, True)       
End Sub



<form id="form1" runat="server">

    <script type="text/javascript">
        $(player).each(function (index, person) {
            alert('AddressID: ' + person.AddressID +
          ' AddressLine1: ' + person.AddressLine1 +
          ' City: ' + person.City
        );
    });
    </script>
</form>

Answer 1

我将使用 C# 而不是 Visual Basic，但您基本上可以这样做：

代码背后：

JavaScriptSerializer serializer = new JavaScriptSerializer();
List<Address> deserialize = serializer.Deserialize<List<Address>>(address);
foreach(Address address in deserialize)
{
     // Do something with Exposed Properties:
}

Address Class 将非常非常基本：

public class Address
{
     public int Id { get; set; }
     public string Street { get; set; }
     public string City { get; set; }
     public string State { get; set; }
     public string Zip { get; set; }
}

这本质上是后端，现在你在前端要做的就是：

function BuildAddress(Id, Street, City, State, Zip) {
     var address = null;
     item = {
          Id: Id,
          Street: Street,
          City: City,
          State: State,
          Zip: Zip
     };
}

一个干净的函数来构建我们的对象。现在，我们实际上需要传递该内容：

var address = new Array();
var convertAddress;

address.push(BuildAddress(id, street, city, state, zip));
convertedAddress = JSON.stringfy(address);

$.ajax({
     url: '<%= Page.ResolveUrl("~/Services/Location.aspx") %>'
     data: { Address: convertedAddress},
     type: 'POST',

     success: function (address) {
          var result = JSON.parse(address);
          // Do something with result, example: result[0].City
     }
});

这将以您尝试的方式传递数据。不过你得玩一下。