Привязка многострочного HTML-контента из ответа JQuery Ajax - PullRequest
Новая
       19

Привязка многострочного HTML-контента из ответа JQuery Ajax

0 голосов
/ 06 июля 2018

Это часть моего HTML-кода, которая привязывается к представлению с использованием объекта Model. 

@if (Model.Comments != null)
            {
                @foreach (var thread in Model.Comments.Threads)
                {
                    <div class="comment-wrap">
                        <div class="comment-head">
                            <div class="subsciber-user" style="background: #DDEFC5">@thread.UserName.Substring(0, 2).ToUpper()</div> @thread.UserName <span>@thread.PostedDate.ToString("dd MMM yyyy")</span>
                            <div class="edit-comment"><img class="comment-edit-img" src="~/images/edit-task.svg"></div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="comment-content">
                            @thread.Content
                        </div>
                        @if (thread.Attachment != null)
                        {

                            <div class="comment-attachment">
                                <div class="ca-head">@thread.Attachment.Count() Attachments<i><img class="c-download" src="~/images/download.svg" alt="" /></i></div>
                                <div class="ca-tiles">
                                    @foreach (var item in thread.Attachment)
                                    {

                                        <span><img src="@item.AttachmentUrl" alt="Smiley face"></span>

                                    }
                                </div>
                            </div>

                        }
                    </div>

                }
            }

Мое требование - я хочу связать этот HTML с JQuery Ajax Success. для этого я создал Ajax-вызов. 

 var val1 = $('#TaskId').val();
    @*$(document).ready(function () {
        $.ajax({
            url: '/Task/GetTaskComments',
            data: { id: val1},
            dataType: "json",
            success: function (comments) {

            // here i neeed to bind this Html block using each loop,
            //  here we are getting the same response that we are getting Model.Comments in the above code as json 
            }
        });
    });

Я хочу добавить зацикленное Html-содержимое из ajax success в мой 

 <div class="bindComments">

  </div>
...