我可以使用 summernote html 代码传递给 jQuery ajax 调用吗

Question

我正在尝试访问 summernote 的值并尝试通过 ajax 调用传递它，但它没有调用该控制器的操作。

log.cshtml

<div id="dvUpdate" class="tab-pane fade">
                        <form class="log-activity-form" id="addUpdate" name="addUpdate" novalidate>
                            <div class="wrapper wrapper-content animated fadeInRight">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label class="control-label">Update</label>
                                    </div>
                                    <div class="col-sm-10">
                                        <textarea rows="8" cols="150" class="summernote input-block-level" id="update" required></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                        <label class="control-label">&nbsp;</label>
                                    </div>
                                    <div class="col-sm-10">
                                        <button class="btn btn-sm btn-primary pull-right" style="margin-top:10px;" type="submit"><strong>Save Update</strong></button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

javascript

 $('#update').summernote({
        focus: true,
        height: 500,
    });

    $("#addUpdate").submit(function () {            
        var textareaValue = $('#summernote').summernote('code');           

        var activityData = { distance: "", distancetype: "", hours: "", minutes: "", seconds: "", activity: "Update", activityName: "", date: moment.utc(), notes: textareaValue };

        $.ajax({
            type: "POST",
            contentType: 'application/json',
            url: "/Runner/CreateActivityLog",
            data: JSON.stringify(activityData),
            success: function (data) {
                //refresh feeds section                   
            }               
        });
        return false;
    });

我不想使用 Razor 语法提交表单。我尝试了很多组合来获取 summernote 的值，要么是给对象，要么是 null。

我尝试获取summernote代码的各种方式 var textareaValue = $('#summernote').code(); var content = $('textarea[name="Update"]').html($('#summernote').code()); var data = $('#summernote').summernote('code');

Answer 1

$('#summernote') 将不起作用。您将 summernote 用作 class，因此它必须是 $('.summernote').

我确定 summernote 必须应用于 div 之类的

<div id="summernote"></div>

然后您可以使用 $("#summernote").summernote('code') 来获取您的值。

Answer 2

为了从 summernote 中读取值，我们必须使用

var textareaValue = $('#update').code();

这将为我们提供 html 我们在 summernote 中输入的数据。

我可以使用 summernote html 代码传递给 jQuery ajax 调用吗

Can I use summernote html code to pass to jQuery ajax call

ajax

jquery

asp.net-mvc-4

summernote