Question

我在主视图中有div，我在AJAX请求后显示数据

这是代码

<div class="count" style="height: 80%; width: 100%; overflow-y: auto;" id="style-1">


            </div>

我通过模态窗口添加新值这里是添加

的脚本

<script>
$(document).ready(function () {
    $('#save_quest').click(function () {
       savequestion();
      });
});

// Сохранение вопроса в модальном окне
function savequestion() {
    $.ajax({
        type: 'Post',
        dataType: 'Json',
        data: {
            Question_new: $('#question').val(),
            Answer: $('#answer').val(),
            Preparing: $('#prepare').val(),
            Retries: $('#retries').val(),
        },
        url: '@Url.Action("CreateNewQuestion", "Questions")',
        success: function (da) {
            if (da.Result === "Success") {
                $('#myModal').hide();
                } else {
                alert('Error' + da.Message);
            }
        },
        error: function (da) {
            alert('Error');
        }
    });
}

我也通过保存按钮更新count div。

这是脚本

<script>
$('#save_quest').click(function () {
    emails_update();
});
function emails_update() {
    $(".count").empty();
    $.ajax({
        url: '@Url.Action("QuestionsList", "Questions")',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json',
        processData: false,
        success: function (result) {
            var email = result;
            // console.log(result[0].Name);
            for (var i = 0; i <= email.length - 1; i++) {
                var arrow  = '@Url.Content("~/Images/plus_plus.png")';
                var edit = '@Url.Content("~/Images/Edit.png")';
                var questionHtml = '<div class = "title" style="margin-top:15px;margin-left:15px;margin-bottom:10px;">'
                    +
                    '<img class="click" src="'
                    + arrow
                    + '">' +
                    '<span class="test">' +
                    '<input type="text" class="testclass" readonly value="' +
                    result[i].Quest + '">' +'<a style="margin-left:25px;">'+'<img src=">'+ edit+'">' +
                    '</div>';
                $(".count").append(questionHtml);
            }
        }
    });
}

所有都是成功添加，但新值未在div中显示。

我的问题在哪里？

Answer 1

questionHtml为string，并且无法按照append的方式使用它。

试试这个：

$(questionHtml).appendTo(".count");

在这种情况下你根本不需要var

$('<div class = "title" style="margin-top:15px;margin-left:15px;margin-bottom:10px;">'  +
  '<img class="click" src="' + arrow + '">' +
  '<span class="test">' +
  '<input type="text" class="testclass" readonly value="' +
  result[i].Quest + '">' +'<a style="margin-left:25px;">'+'<img src=">'+ edit+'">' +
  '</div>').appendTo('.count');

Answer 2

我已经解决了问题，如果sucess返回我需要更新。

喜欢这个

 if (da.Result === "Success") {
                $('#myModal').hide();
                emails_update();

未显示在div处的新值（ASP.NET）

2 个答案: