Javascript 将PHP/SQL变量添加到引导框文本区域

我正在为我的朋友们玩一个PHP社交网络。我正试图通过一个引导框添加一个editpost函数。以下是编辑按钮的代码：

编辑

以及它调用的函数：

    $(document).ready(function() {                  
      $('#edit<?php echo $id; ?>').on('click', function() {
       bootbox.prompt({
         title: "Edit your post!",
         inputType: 'textarea',
         backdrop: 'true',
         onEscape: 'true',
         callback: function (result) {
           console.log(result);
          }
        });
      });
    });

$（文档）.ready（函数（）{
$（“#编辑”）。在（'click'，function（）上{
bootbox.prompt({
标题：“编辑你的帖子！”，
inputType:'textarea'，
背景：“真的”，
onEscape：“真的”，
回调：函数（结果）{
控制台日志（结果）；
}
});
});
});

我尝试将

值：''，

放入引导框代码中，但这破坏了我的其余javascript代码

按钮中的$id调用特定的post$id，这将引用post的$body

---

如何将$body的文本自动插入文本区域？

我在bootbox.js的文档中查找，发现了这个init函数

根据您的代码，您可以执行以下操作：

$('#edit<?php echo $id; ?>').on('click', function() {
        var prompt = bootbox.prompt({
            title: "Edit your post!",
            inputType: 'textarea',
            backdrop: 'true',
            onEscape: 'true',
            callback: function (result) {
                console.log(result);
            }
        });

        prompt.init(function() {
            $.ajax({
                url: '/path/to/file',
                type: 'default GET (Other values: POST)',
                dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
                data: {postID: '<?php echo $id; ?>'},
                beforeSend: function() {
                    console.log('pre loader');
                }
            })
            .done(function(data) {
                prompt.find('.bootbox-input-textarea').val('done');
            })
            .fail(function() {
                prompt.find('.bootbox-input-textarea').val('error');
            })
            .always(function(data) {
                console.log("complete");
            });
        });
    });

$（'edit'）。在（'click'，function（）上{
var prompt=bootbox.prompt({
标题：“编辑你的帖子！”，
inputType:'textarea'，
背景：“真的”，
onEscape：“真的”，
回调：函数（结果）{
控制台日志（结果）；
}
});
prompt.init（函数（）{
$.ajax({
url:“/path/to/file”，
键入：“默认获取（其他值：POST）”，
数据类型：“默认值：智能猜测（其他值：xml、json、脚本或html）”，
数据：{postID:'}，
beforeSend:function（）{
console.log（'pre-loader'）；
}
})
.完成（功能（数据）{
prompt.find（'.bootbox input textarea'）.val（'done'）；
})
.fail（函数（）{
prompt.find（'.bootbox input textarea'）.val（'error'）；
})
.始终（功能（数据）{
控制台日志（“完成”）；
});
});
});

---

使用init函数，执行ajax调用并在bootbox.js创建的文本区域内加载post内容，一旦加载，您就可以获得bootbox.js回调函数编辑的值。

可能是post body包含一些损坏的html代码导致了问题。请检查帖子正文内容。它在“newsfeed”中完美地显示，没有问题。这是我基于上面的代码…我得到了“.fail”函数中编码的“error”…因此，有些东西正在工作，但肯定不是正文的输出。失败回调在以下情况下触发：HTTP响应状态404，这意味着找不到您的端点，HTTP响应状态500，这意味着您的端点包含一个或多个错误，或者您输出了数据类型选项未定义的内容。