使用AJAX请求中的项目更新div

时间:2017-05-10 09:17:30

标签: javascript jquery html ajax asp.net-mvc

我有div需要显示一些数据

我有按钮。按钮我显示模态

这是模态代码

<div class="modal fade" id="myModal" role="dialog" data-backdrop="false">
<div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Создание вопроса</h4>
        </div>
        <div class="modal-body">
            @Html.Partial("~/Views/Questions/CreateQuestion.cshtml")
        </div>

    </div>

</div>

这是脚本代码

<script>
var myFormDialog = $("containerForPartialView").dialog(
    { autoOpen: false, modal: true });
$("myButtonForShowDialog").button().on("click", function () {
    myFormDialog.dialog("open");
});
$('.click').on('click', function () {
    $('.content').toggle();
});
var counter = 0;
$(document).ready(function () {
    $('#save').click(function () {
        save();
        email_update();
    });
});
function save()
{
    $.ajax({
        type: 'Post',
        dataType: 'Json',
        data: {
            question1: $('#Question1').val(),
            question2: $('#Question2').val(),
            question3: $('#Question3').val(),
            question4: $('#Question4').val(),
            question5: $('#Question5').val(),
            question6: $('#Question6').val(),
            question7: $('#Question7').val(),
            question8: $('#Question8').val(),
            question9: $('#Question9').val(),
            question10: $('#Question10').val(),

        },
        url: '@Url.Action("Index", "Questions")',
        success: function (da) {
            if (da.Result === "Success") {

                window.location.href = da.RedirectUrl;

            } else {

                alert( 'Error'+ da.Message);
            }
        },
        error: function (da) {
            alert('Error');
        }
    });
}

此外,我还有用于保存和更新div的脚本

这是代码

<script>
$(document).ready(function () {
    email_update();
});

function email_update() {
    $.ajax({
        url: '@Url.Action("QuestionsList", "Questions")',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json',
        processData: false,
        success: function (result) {
            var email = result;
            var edit = '@Url.Content("~/Images/Edit.png")';
            var delete_ = '@Url.Content("~/Images/Delete.png")';
            // console.log(result[0].Name);
            for (var i = 0; i <= email.length - 1; i++) {
                var arrow  = '@Url.Content("~/Images/plus_plus.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 + '"/>' +
                    '<img style="margin-left:10px;" src="' + delete_ + '"/>' +
                    '</div>' +
                    '<div class ="content" style="margin-left:60px; width: 80%; height: 100px; background: white;">' +
                    '<div style="width: 100%">' +
                    '<div style="float:left; width: 50%;">' +
                    '<b style="margin-left: 40px;">' + "Время на ответ"  + '</b>' +
                    '<b>' + ":" + '</b>' +
                    '<span>' + "Время на подготовку" +'</span>'+
                    '</div>' +
                    '<div style="float:right; width: 50%;">' +
                    '<b>' + result[i].TimeForAnswer + '</b>' +
                    '<b>' + ":" + '</b>' +
                    '<b>' + result[i].TimeForReady + '</b>'+
                    '</div>' +
                    '</div>' +
                    '</div>';
                $(".count").append(questionHtml);
            }
        }
    });
}

|

页面启动时效果很好。但是在模态中它不起作用,我的意思是这段代码email_update();

0 个答案:

没有答案