如何在 jquery 和 c# 代码之间传递值？

Question

我把jQuery写成了

     <script>
       $.backstretch([
    "../img/bg/19.jpg",
    "../img/bg/18.jpg",
  ], {
      fade: 1000,
      duration: 7000
  });
</script>

我需要让这两个动态化

   "../img/bg/19.jpg",
   "../img/bg/18.jpg",

为了使它们动态化，我在 cs 文件中创建了一个 web 方法

  [System.Web.Script.Services.ScriptMethod()]
  [System.Web.Services.WebMethod]
   public static List<string> GetImages()
   {
    SliderContext contextSlider = new SliderContext();

    string PageName = "Login Page";
    IEnumerable<_14Muslims.Domain.Entity.Slider> pType = contextSlider.SliderFetchAllEnabled(PageName);
    List<string> Images = new List<string>();
    foreach (Slider slider in pType)
    {
        Images.Add(slider.SliderImage.ToString());
    }

    return Images;
}

我正在尝试在下面的代码行中对其进行调整

    <script type="text/javascript">
      $.ajax({
      type: "POST",
      url: '/Login/Login.aspx/GetImages',
      data: JSON.stringify({ Image: $.trim(Image) }),
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function () {
      }
                  $.backstretch([
    "../img/bg/19.jpg",
    "../img/bg/18.jpg",
  ], {
      fade: 1000,
      duration: 7000
  });
  });
  </script>

我做不到，请帮助我完成这个任务。基本上我想在幻灯片放映中从数据库中动态获取图像。

预期的代码应该类似于

<script>
        $.backstretch([
         foreach(item in <object>)
          {
            item.Images
          }   
        ], {
      fade: 1000,
      duration: 7000
  });
</script>

Answer 1

对您的代码进行一些修改应该可以使其正常工作。

GetImages() 网络方法不需要参数，因此 none 应该在 AJAX 调用中传递。

data: '{}',

AJAX调用的success函数需要至少有一个参数，表示从网络方法返回的数据。

success: function (data) {
    $.backstretch(data.d, {
        fade: 1000,
        duration: 7000
    });
}

结果

$.ajax({
    type: "POST",
    url: '/Login/Login.aspx/GetImages',
    data: '{}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        $.backstretch(data.d, {
            fade: 1000,
            duration: 7000
        });
    }
});

如何在 jquery 和 c# 代码之间传递值？

How to pass value between jquery and c# code?

asp.net

ajax

jquery

asp.net-ajax

c#-4.0