Question

我想知道什么是刷新面板内容的好方法，例如，如下所示的任务面板。

值（任务量）是＆＃34;可请求的＆＃34;通过API。我想要做的是获取uri / api / tasks，返回一个JSON数组（所有任务列表）并更新任务量。

我的Index.cshtml中的相应div如下所示：

<div class="col-lg-3 col-md-6">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-xs-3">
                            <i class="fa fa-tasks fa-5x"></i>
                        </div>
                        <div class="col-xs-9 text-right">
                            <div class="huge">12</div>
                            <div>New Tasks!</div>
                        </div>
                    </div>
                </div>
                <a href="#">
                    <div class="panel-footer">
                        <span class="pull-left">View Details</span>
                        <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                        <div class="clearfix"></div>
                    </div>
                </a>
            </div>
        </div>

不幸的是，我不知道在哪里放置API调用以及如何调用它们。

Answer 1

如果你想保持简单，我会使用jjery的ajax和onload函数

使用您的c＃方法

//this will return a list of strings in json format.
public ActionResult GetData()
{
//array of string 
String[] array = {"Bob","Joe","Dave"};
 return json(array,JsonRequestBehaviour.AllowGet);
}

Then in the view 
<script>
$(document).ready(function(){
     $.ajax({
        url: "/Controller/GetData",

        method: 'GET',
        contentType: "application/json; charset=utf-8",
        success: function (result) {

        $.each(result,function(key,value){
        //append the dom in here for each result in the array.
        });

        },
        error: function (result) {
        }
});
});
</script>

ASP MVC sb-admin 2引导程序模板：面板内容刷新

1 个答案: