1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
|
<head>
<script src="ckeditor/ckeditor.js"></script>
</head>
<body>
<form>
<textarea id="editor" name="editor"></textarea>
</form>
<script>
CKEDITOR.replace( 'editor' );
</script>
<script>
$(function() {
//Current request reference; can be used else where
var request;
/* attach a submit handler to the form */
$(".btn_article").click(function(event) {
// abort any pending request
if (request) {
request.abort();
}
/* stop form from submitting normally */
event.preventDefault();
/*clear result div*/
$("#result").html('');
var formData = new FormData();
/* $("input[type='file']").each(function(index,inputFile) {
formData.append(inputFile.name, inputFile.files[0]); // exemple pour un champ monofichier, sinon il faut parcourir le tableau et créer un tableau avec chaque fichier dedans
});
var other_data = $('#form1').serializeArray();
$.each(other_data,function(key,input){
formData.append(input.name,input.value);
console.log("champ1: "+input.name+" = "+input.value);
});
*/
var titre = $('#form1 input[name="titre"]').val();
var categ = $('#form1 select[name="categorie"]').val();
var texte = CKEDITOR.instances['editor'].getData();
console.log("le titre est: "+titre);
console.log("la catégorie est: "+categ);
console.log("le texte est: "+texte);
formData.append('titre', titre);
formData.append('categorie', categ);
formData.append('editor', texte);
$("input[type='file']").each(function(index,inputFile) {
formData.append(inputFile.name, inputFile.files[0]); // exemple pour un champ monofichier, sinon il faut parcourir le tableau et créer un tableau avec chaque fichier dedans
});
/* Send the data using post and put the results in a div */
request =$.ajax({
url: "creationArticle",
type: "POST",
enctype: 'multipart/form-data',
data: formData,
processData: false,
contentType: false,
cache: false,
success: function(data){
var result=data.split("+");
var erreur_titre = result[0];
var erreur_categ = result[1];
var erreur_texte = result[2];
var erreur_image = result[3];
var resultat = result[4];
console.log("ok:"+data);
$('.erreur_titre').html(erreur_titre);
$('.erreur_categ').html(erreur_categ);
$('.erreur_texte').html(erreur_texte);
$('.erreur_image').html(erreur_image);
$('#result').html(resultat);
},
error:function(){
$("#result").html('there is error while submit');
}
});
return false;
});
});
</script>
</body> |
Partager