Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为submit按钮创建javascript函数以返回数据_Javascript_Php_Laravel_Tinymce - Fatal编程技术网

为submit按钮创建javascript函数以返回数据

为submit按钮创建javascript函数以返回数据,javascript,php,laravel,tinymce,Javascript,Php,Laravel,Tinymce,我正在laravel上创建一个博客,到目前为止,我已经成功地为包含标题和内容的帖子编写了js代码。但是我在为标签编写js函数时遇到了一些问题 我想对标签也这样做,但我尝试的每件事都会出错 tinymce.init({ 选择器:'.myeditablediv', 插件:“编码、保存、自动调整大小、textcolor颜色选择器、表情符号、textpattern、字数”, 工具栏:“保存、恢复绘制、前景色背景色、表情”, save_onsavecallback:函数(){ var content=

我正在laravel上创建一个博客,到目前为止,我已经成功地为包含标题和内容的帖子编写了js代码。但是我在为标签编写js函数时遇到了一些问题

我想对标签也这样做,但我尝试的每件事都会出错


tinymce.init({
选择器:'.myeditablediv',
插件:“编码、保存、自动调整大小、textcolor颜色选择器、表情符号、textpattern、字数”,
工具栏:“保存、恢复绘制、前景色背景色、表情”,
save_onsavecallback:函数(){
var content=tinymce.activeEditor.getContent();
控制台日志(内容);
}
});
$(文档).on('单击','提交'),函数(){
var content=tinymce.activeEditor.getContent();
风险值数据={
“title”:$(“#title”).val(),
“内容”:内容,
“_-token”:“{{csrf_-token()}”
};
$.post('/postData',数据,函数(){
控制台日志(数据);
});
});

创建标题
{{csrf_field()}}
单击此处编辑您文章的标题!
创建内容
点击这里编辑你文章的内容!

您的JS代码中有一个错误。您正在选择一个不存在的ID。您需要选择已更改标记的内容,并将其作为数据['name']发送。请尝试以下代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.6.4/tinymce.min.js"></script>

<script type="text/javascript">
    tinymce.init({
        selector: '.myeditabletag',  // change this value according to your HTML
        menu: {
            view: {title: 'Edit', items: 'cut, copy, paste'}
        },
        save_onsavecallback: function () {
            var content = tinymce.activeEditor.getContent();
            console.log(content);
        }
    });

    $(document).on('click', '#SubmitBtn', function () {
        var name = tinymce.activeEditor.getContent();

        var data = {
            'name': name,
            '_token': '{{csrf_token()}}'
        };

        console.log(data);
        $.post('/postTags', data, function () {

        });
    });

</script>

tinymce.init({
选择器:'.myeditabletag',//根据HTML更改此值
菜单:{
视图:{title:'Edit',items:'cut,copy,paste'}
},
save_onsavecallback:函数(){
var content=tinymce.activeEditor.getContent();
控制台日志(内容);
}
});
$(文档).on('单击','提交'),函数(){
var name=tinymce.activeEditor.getContent();
风险值数据={
“名称”:名称,
“_-token”:“{{csrf_-token()}”
};
控制台日志(数据);
$.post('/postTags',数据,函数(){
});
});

您遇到了什么错误?我将$.post更改为$.tag,它说$.tag不是函数。我还将标题改为标签的名称。即使我这样做了,它仍然不会像POST那样在我的phpmyadmin上返回任何数据?我很困惑,这让你困惑。好吧,你有一个问题。您告诉脚本获取
#tag
的值以在文章中填充
标记,但是console.log返回
tag:undefined
-这是需要解决的问题,因此我的问题:)@livia@Andy福尔摩斯是对的。你能确定你有一个带有ID标签的输入吗?并将HTML添加到问题中,以便我们能更好地帮助您?您能在您的帖子中添加更多详细信息吗?错误消息等,以便我们可以排除故障?我正在控制台上观察错误。我相信是var data POST 500(内部服务器错误)发送@jquery.min.js:4 ajax@jquery.min.js:4 r.(匿名函数)@jquery.min.js:4(匿名)@tag:29 dispatch@jquery.min.js:3 q.handle@jquery.min.js:3您是否尝试过
console.log(数据)
在$.post调用之前,这样您就可以看到发送的内容了?@并且它会显示tag:unfinedt在这里,然后@livia