如何将值从HTML传递到Javascript并返回到HTML?

时间:2018-01-24 11:24:17

标签: javascript html asp.net-mvc

我有一个mvc项目,可以从不同的文件夹中加载照片库。很简单。

我的chtml视图中有这个功能:

@foreach (var dirPath in Directory.GetDirectories(Server.MapPath("~/Images/Customers/A")))
                    {enter code here
                        var dir = new DirectoryInfo(dirPath);
                        <li><a href="#">@dir.Name</a></li>
                    }

加载导航栏中A中放置的所有文件夹。 现在,我要做的是加载照片并根据我的文件夹选择显示它们。所以我创建了以下功能:

 @foreach (var imgPath in Directory.GetFiles(Server.MapPath("~/Images/Customers/A/A"), "*.jpg"))
                {
                    var img = new FileInfo(imgPath);
                    <div class="col-md-3 batas">
                        <a href="@Url.Content(String.Format("~/Images/Customers/A/Temp/{0}", img.Name))"><img src="@Url.Content(String.Format("~/Images/Customers/A/Temp/{0}", img.Name))" data-lity class="img-thumbnail" /></a>
                    </div>
                }

直到现在一切正常,意味着我的导航栏包含A中存在的所有文件夹,并显示Temp中的所有照片。 我的问题是,我怎么能根据用户导航栏文件夹选择切换我的画廊的最佳方法是什么?

可在此处找到完整的HTML页面:https://github.com/ohadki/ShmuliksProject/blob/master/ShmuliksProject/Views/Home/CustomerGallery.cshtml

提前致谢!

1 个答案:

答案 0 :(得分:1)

将值从HTML(即View)传递给Javascript

As,在MVC中,我们可以使用关联的Model在View中设置HTML元素的值,因此我们需要将值从Model传递给Javascript

你可以这样做: -

b

现在,如果您需要将值从Javscript发送到Model,您需要使用ajax Get,Post或PUT方法将数据从javascript发送到Model,然后再发送到View。 请参阅Ajax

的链接