【问题标题】:Button click changes background image on body and also page refreshes按钮单击更改正文上的背景图像并刷新页面
【发布时间】:2019-04-25 19:09:07
【问题描述】:

我有一个任务。有一个图像按钮。当我单击图像按钮时,正文中的背景图像必须更改。通过在 C# 中编写代码,我可以通过单击图像按钮来更改背景图像。但是每次背景更改时页面都会刷新。根据我的任务,页面不应该为每一个背景图片的改变而刷新。(参考见 bing 页面并点击箭头来改变页面不会刷新的背景图片)

protected void Page_Load(object sender, EventArgs e) {

        SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);
        String filenames = "SELECT * FROM [Table]";
        SqlCommand cmd = new SqlCommand(filenames, con);

        cmd.CommandText = "select * from [Table] ";

        con.Open();
        SqlDataReader reader = cmd.ExecuteReader();
        list1 = new ArrayList();
        if (reader.HasRows)
        {
            while (reader.Read())
            {
                list1.Add(reader.GetString(1));
            }
        }
        HiddenField1.Value = ArrayListToString( ref list1);

         string ArrayListToString(ref ArrayList _ArrayList)
        {
            int intCount;
            string strFinal = "";

            for (intCount = 0; intCount <= _ArrayList.Count - 1; intCount++)
            {
                if (intCount > 0)
                {
                    strFinal += "~";
                }

                strFinal += _ArrayList[intCount].ToString();
            }

            return strFinal;
        }

【问题讨论】:

  • 那么你需要在javascript中进行更改。
  • 图像将通过数据库加载到 C# 代码,其中图像将动态更改。如何将数组列表从 C# 传输到 JQuery ?

标签: c# asp.net


【解决方案1】:

C# 是服务器端语言。因此,当您的点击从浏览器转到服务器时。然后服务器返回一个 html 供您的浏览器页面呈现。因此,刷新页面。 您需要将代码从 C# 更改为 Javascript。 如果您尝试从数据库中获取某些内容,则需要使用 Javascript 进行 AJAX 调用。

我假设您使用的是 ASP.Net。这是一种方法: https://www.aspsnippets.com/Articles/Call-ASPNet-Page-Method-using-jQuery-AJAX-Example.aspx

【讨论】:

  • 我在 (aspx.cs)C# 的页面加载中有 arrayList。如何使用 JQuery 进行 Ajax 调用以将其从 C# 加载到 JavaScript?还是我需要直接使用 JavaScript 检索数据库值?
猜你喜欢
  • 1970-01-01
  • 2014-04-07
  • 2011-12-14
  • 2017-09-27
  • 1970-01-01
  • 2017-03-07
  • 2013-04-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多