C# 从代码隐藏将集合绑定到jquery变量

我发现了一个很好的示例，但图像路径如下所示：

  <script type="text/javascript">
        $(function () {
            $('#kenburns').kenburns({
                images: ['http://farm5.static.flickr.com/4088/4967743590_8e1cbba701_b.jpg',  
                         'http://farm5.static.flickr.com/4130/4967739638_edfdb0a52b_b.jpg',  
                         'http://farm5.static.flickr.com/4126/4967708868_5625c200bd_b.jpg'
                        ],
                        frames_per_second: 30,
                        display_time: 7000  
                            ........
                                    });
                      });

    </script>

    (function($){

    $.fn.kenburns = function(options) {
        ..................

        var images = [];
        ...................
     }});

所以我想要的是在

列表

或

字符串[]

或类似的东西中，从代码后面给出图像源。这些图像将保存在磁盘上，我将从数据库中获取它们的路径

有办法做到这一点吗？还是有更好的方法来解决这个问题

谢谢

您可以将C#字符串数组转换为JavaScript数组声明，如下所示：

string[] myImageUrls = new string[] { "image1.jpg, image2.jpg" };
var serializer = new JavaScriptSerializer();
string myJavaScriptArray = serializer.Serialize(myImageUrls);

<script type="text/javascript">
    $(function () {
        $('#kenburns').kenburns({
            images: <%= ImageUrlArray %>,
            frames_per_second: 30,
            display_time: 7000  
            ........
        });
    });
</script>

此示例提供字符串

[“image1.jpg”、“image2.jpg”]

现在，如果您的第一个JavaScript块内嵌在您的ASPX页面中，您可以将该字符串放入codebehind中的属性中，例如

protected string ImageUrlArray {
    get {
        return new JavaScriptSerializer()
            .Serialize(getImageUrlArrayFromDatabase());
    }
}

然后将其“包括”到脚本块中，如下所示：

string[] myImageUrls = new string[] { "image1.jpg, image2.jpg" };
var serializer = new JavaScriptSerializer();
string myJavaScriptArray = serializer.Serialize(myImageUrls);

<script type="text/javascript">
    $(function () {
        $('#kenburns').kenburns({
            images: <%= ImageUrlArray %>,
            frames_per_second: 30,
            display_time: 7000  
            ........
        });
    });
</script>

$（函数（）{
$（“#肯伯恩斯”）。肯伯恩斯({
图片：，
每秒帧数：30，
显示时间：7000
........
});
});

---

将被属性的值替换，最后数组将就位。

它可以完美地工作。非常感谢你。我不知道JavaScriptSerializer部分：）。谢谢