我正在开发我网站编辑页面的界面。使用CKeditor。我想使用Ajax方法来保存修改。我的文字是DB中的库存。我使用Doctrine访问他。
脚本jQuery
$(".loading").hide();
$('[name="contentsForm"]').submit(function() {
$('[name="contentsForm"]').hide();
$("#contents .loading").show();
$.ajax({
type: "POST",
url: "{{ path('AdminAjaxEditText', {'page' : 'index', 'description' : 'contents'})}}",
data: "{'data': '" + $('#contentsForm_data').val() + "'}",
cache: false,
success: function(data){
$('[name="contentsForm_data"]').html(data);
CKupdate();
$('[name="contentsForm"]').show();
$("#contents .loading").hide();
}
});
return false;
});
控制器php
public function ajaxEditAction($page, $description, Request $request) {
$em = $this->getDoctrine()->getManager();
$text = $em->getRepository("FDMWebsiteBundle:Text")->find(array("page" => $page, "description" => $description));
$form = $this->get('form.factory')->createNamed($description."Form", new TextType(), $text);
if ($form->handleRequest($request)->isValid()) {
$em->flush();
}
return $this->render("Bundle:Admin:textForm.html.twig", array(
"form" => $form->createView()
));
}
模板树枝
{{ form_start(form, {'action': ''}, {'method': 'POST'}) }}
{{ form_errors(form) }}
{{ form_widget(form.data, { 'attr': {'class': 'ckeditor'} }) }}
<input type="submit" class="saveTextBtn btn btn-primary pull-right" value="Enregistrer"/>
<div class="clearfix"></div>
{{ form_rest(form) }}
{{ form_end(form) }}
我的问题是什么时候点击保存Ajax运行但我的数据库中没有保存任何内容?
我做错了什么?
我不明白为什么我的代码不是齐声但是在Ajax请求之后显示在textarea中。
对不起我的英语,我正在学习......
答案 0 :(得分:0)
我发现了我的问题 s
首先我需要将字符集设置为utf-8并从CKEditor获取数据而不是形成textarea
scriptCharset: "utf-8",
data: "data=" + CKEDITOR.instances['contentsForm_data'].getData()
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#getData
第二:我的ajax控制器需要使用getter的请求。形式的handleRequest方法不起作用,我不知道为什么。如果有人可以给我解释,我正在寻找它。
if($request->isXmlHttpRequest()) {
$data = $request->request->get('data');
$text->setData($data);
$em->flush();
}
教程和一些帖子使用这个解决方案,但我不明白为什么handlerResquest失败了?
第三:我需要将CKEDITOR配置为不使用实体
CKEDITOR.config.entities = false;
http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-entities