Mi problema parece ser sencillo pero no puedo lograr que funcione como quisiera. Ya que quiero registrar el valor de un rich text. El formulario solo tiene un rich text usando CKEditor y un boton para registrar.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.ckeditor.com/4.10.0/standard/ckeditor.js"></script>
</head>
<body>
<div class="container">
<form>
<h2>Register demo</h2>
<div class="form-group row">
<textarea name="editor1"></textarea>
</div>
<div class="form-group row">
<button class="btn btn-danger" onclick="registrar()">Agregar</button>
</div>
<script>
function registrar(){
var data = CKEDITOR.instances.editor1.getData();
$.ajax({
type : "GET",
url : "/apolo/registrar",
contentType: 'application/json',
data: {
"data" : data
},
success: function(result) {
alert(result);
},
error : function(e) {
alert("error");
}
});
}
</script>
<script>
CKEDITOR.replace( 'editor1' );
</script>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
Al registrar quiero que me redireccione a otra vista donde esta la lista de post registrados.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.ckeditor.com/4.10.0/standard/ckeditor.js"></script>
</head>
<body>
<div class="container">
<h1>Demo</h1>
<div th:each="test : ${tests}">
<span th:utext="${test.texto}"></span>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
En mi controlador hago un return
hacia la vista, pero no funciona, el result que que va al ajax me muestra un html y la url tiene la data registrada.
import com.example.richtext.demo.entity.Test;
import com.example.richtext.demo.service.TestService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.MediaType;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import java.util.List;
@Controller
public class TestController {
@Autowired
private TestService testService;
@GetMapping(value = {"/index", "/"})
public String index(Model model){
Test test = new Test();
model.addAttribute("test", test);
return "index";
}
@RequestMapping(value = "/registrar", method = RequestMethod.GET, produces = MediaType.APPLICATION_JSON_VALUE)
public String registrar(@RequestParam("data") String data){
System.out.println("entro registrar");
System.out.println("data: "+data);
Test test = new Test();
test.setTexto(data);
testService.registrar(test);
return "list";
}
@GetMapping(value = "/list")
public String list(Model model){
List<Test> tests = (List<Test>) testService.listTest();
model.addAttribute("tests", tests);
return "list";
}
}
Lo que veo que funciona es que si registra y cuando ingreso a la lista por url tambien me salen los post.