Question

正如标题所述，我正在尝试执行一个简单的任务，当我的ajax帖子成功完成我的数据库查询时，我想添加单词＆＃34; Success＆＃34;使用AJAX成功选项进入空DIV。我无法弄清楚如何让文字出现。任何帮助表示赞赏。感谢。

这是我工作的AJAX帖子：

<script>
    $(function(){
        $("#noteForm").submit(function(){
            // prevent native form submission here
            $.ajax({
                type: "POST",
                data: $('#noteForm').serialize(),
                dataType: 'json',
                url: "actionpages/link_notes_action.cfm?id=2",
                success: function() {
                    $(".response").append($( "Success" ) );
                }    
            });
            return false;           
        });
    });
</script>

我的页面中有一个div，ID为＆＃34;响应＆＃34;它嵌套在我的表格的div中。

<!--- Modal HTML embedded directly into document --->
<div id="LinkNotes#id#" style="display:none;">
    <p>These are the notes for: #link_description#</p>
    <form id="noteForm">
        <textarea id="noteText" name="noteText" cols="45" rows="10">#notes#</textarea><br />

        <input name="submit" id="submitForm" type="submit" value="Update"><div class="response" id="response"></div>
        <input type="hidden" name="hidden" value="#get_dashboard_links.ID#">
    </form>
</div>

Answer 1

如此接近！

由于您只想附加一个字符串，因此您只需将该字符串传递给.append。

替换：

.append($( "Success" ) );

使用：

.append("Success");

$("Success")会找到一个<Succes />标记，但它无法找到，导致附加的空集。
正如你可能想象的那样，追加＆＃34;什么都没有＆＃34;并没有特别多; - ）

Answer 2

我能够从post

中找到答案

显然删除

dataType: 'json',

从我的脚本修复它。

在AJAX成功后附加DIV

2 个答案: