Pour une raison inconnue de moi, ma forme ne soumet pas le texte saisi dans mon code>. <p> code Ajax: p> </p><pre><form id="blogForm"> <input type="date" name="date" id="blogDate"> <input type="text" name="title" id="blogTitle"> <textarea name="blogContent" id="blogBody"></textarea> <input type="submit" name="submit" id="blogSubmit"> </form> </pre>
code>. <p> code Ajax: p> </p><pre><form id="blogForm"> <input type="date" name="date" id="blogDate"> <input type="text" name="title" id="blogTitle"> <textarea name="blogContent" id="blogBody"></textarea> <input type="submit" name="submit" id="blogSubmit"> </form> </pre>
Je ne peux pas voir quoi que ce soit nettement pas mal avec ce que vous avez posté et jQuery sérialises </ code> éléments tout simplement bien dans mon expérience. Quand est le <code> $. Ajax () </ code> la fonction est appelée?</p> <hr> <p>Peut-être que cela aide <a href="http://forum.jquery.com/topic/textarea-and-ajax-with-serialize-help" rel="nofollow noreferrer"> forum.jquery.com/topic/textarea-et -ajax-with-sériialize-aide </a></p> <hr> <p>Y a-t-il des pauses en ligne dans les données? Ce peut être ce problème: <a href="http://stackoverflow.com/questions/4115457/jquery-Serialize-Error-with-textareA-Filed" Titre="JQuery Serialize Erreur avec Texarea Clasted"> Stackoverflow.com/ Questions / 4115457 / ... </a></p> <hr> <p>BlogContent est-il plus qu'un textarea, une perchage? I.e. - Est-ce une TinyMCE / CKEditor?</p> <hr> <p>Cela fonctionne très bien dans <a href="http://jsfiddle.net/3bczy/" rel="nofollow Noreferrer"> ce violon </a>.</p> <hr> <p>C'est un éditeur de texte WYSIWYG ... appelé Niceder Sitor. La fonction AJAX est appelée lorsque le bouton Soumettre est cliqué. Jusqu'à présent, il n'y avait pas de rupture de ligne que j'ai remarquée. Je double vérifier cela cependant.</p> <hr> <p>@JoryCunningham Je pense que cela a été réparé dans des versions plus récentes de JQuery (cette question / réponse est de près de deux ans), mais je pourrais me tromper.</p> <hr> <p>Comme cela fonctionne dans le violon, il doit être l'éditeur WYSIWYG attaché à celui-ci ...</p> <hr> <p>J'imagine que votre WYSIWYG fait quelque chose à ce domaine qui fait que JQuery ne veuille pas le sérialiser. Pouvez-vous essayer de encodericomponent et ajoutez-vous manuellement la valeur à la chaîne sérialisée?</p> <hr> <p>Une façon de résoudre ce problème consiste à aller directement sur les entrées: <code> $ (entrée blogorm, #blogposer texteaea '). Serialize () </ Code></p> <hr> <p>C'était mon éditeur WYSIWYG ... Merci pour l'aide. Je suppose que mal aller avec un autre, ou construire moi-même; p merci</p> <hr> <p>Utilisez ce <a href="http://stackoverflow.com/questions/4115457/JQUERY-SERIALIZE-Error-with-TextareA-Filed" Titre="JQuery Serialize Erreur avec Textarea Filed"> Stackoverflow.com/Questtions/4115457/ ... </a></p> <hr> <p>Vous manquez l'attribut de valeur dans vos champs de saisie.</p> <hr> </div> </div> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="2186005983" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <!-- Answers --> <p class="mt-4 font-weight-bold">6 Réponses :</p> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 5<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> J'ai négligé de mentionner que j'avais un éditeur WYSIWYG attaché à la zone de texte, appelé Niceder Sitor. Apparemment, il y a un bug qui a forcé JQuery de ne pas sérialiser le Texarea. Une fois que le NiceDitor a été supprimé, cela a bien fonctionné. Merci pour toute l'aide. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Ajouter retour False Onsubmit <pre>$("#blogSubmit").on('click',function(){ $.ajax({ type:'POST', url:'****.php', data:$('#blogForm').serialize(), success: function(responseSubmit) { blah blah etc... }); </pre></p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Votre nom Textarea est BlogContent mais l'identifiant est Blogbody. Le sélecteur # utilise l'ID, pas le nom. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Le sélecteur utilise l'identifiant <i> de la forme </ i> </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Vous ne devriez pas avoir besoin de supprimer votre éditeur - ils fonctionnent généralement à l'aide de JS pour mettre à jour la textarea cachée après chaque touche, ou lorsque le formulaire soumet, de sorte que cela ne devrait pas faire une différence à condition que l'éditeur obtient ce mors . </ p> <p> J'imagine que le problème est comme phillip suggéré - que votre identifiant et vos attributs de nom diffèrent. Tous les autres correspondent bien. Lorsque cela sertialise, il doit utiliser les identifiants et probablement dans votre script de l'autre côté que vous attendez que les noms à venir (dont une forme normale soumettrait). </ p> <p> Puisque vous envoyez via $ Post, juste faire un Var_Dump ($ _ Post); Dans votre script, puis connectez-vous à la console ou en alertant dans votre JavaScript - voyez ce qui est envoyé exactement via AJAX à votre script. </ p> <p> Si la Textarea n'est pas là sous aucun nom, vous savez que le problème est définitivement l'éditeur, et si c'est le cas, essayez d'appeler manuellement les méthodes de NiceDitor qui mettront à jour la Textarea cachée. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Modification: <pré> xxx </ pré> <p> à: </ p> <pré> xxx </ pré> </ p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Si vous utilisez AJAXSUBMIT, les données de Textarea de tout éditeur de texte ne fonctionneront pas. <p> Vous devez donc obtenir la valeur et le mettre dans un champ masqué, vous pouvez obtenir la valeur postale comme ceci: </ p> <pré> xxx </ pré> <p> avant ajaxsubmit </ p> <pré> xxx </ pré> </ p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> </div> <div class="col-lg-3 col-md-12 col-12 col-sm-12" > <div class="related"> <iframe src="https://rcm-eu.amazon-adsystem.com/e/cm?o=8&p=12&l=ez&f=ifr&linkID=b777da379e25dfc65f34887292b82918&t=birdy0c-21&tracking_id=birdy0c-21" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe> <p class="font-weight-bold">Articles qui pourrait vous intéresser :</p> <a href="/question/pourquoi-est-ce-que-j-39-obtiens-une-erreur-laravel-lors-de-la-cr-eacute-ation-d-39-un-nouveau-projet" class=""> Pourquoi est-ce que j'obtiens une erreur laravel lors de la création d'un nouveau projet? </a> <hr> <a href="/question/select2-ne-s-39-affiche-pas-correctement-dans-le-mode-bootstrap" class=""> Select2 ne s'affiche pas correctement dans le mode bootstrap </a> <hr> <a href="/question/laravel-echo-n-39-eacute-coute-pas" class=""> Laravel Echo n'écoute pas </a> <hr> <a href="/question/la-validation-de-la-demande-de-formulaire-ne-fonctionne-pas-il-charge-juste-la-page-d-39-accueil-dans-postman" class=""> La validation de la demande de formulaire ne fonctionne pas. Il charge juste la page d'accueil dans Postman </a> <hr> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="4267220326" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <script type="text/javascript" src="/js/purecookie.js"></script> </div> <div class="container col-lg-8 col-md-12 ads-footer"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="5580301997" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </body> <footer> <div class="row col-lg-12 col-md-12 text-muted"> © 2020 www.devfaq.fr - Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license"> cc by-sa 3.0 </a> with <a href="https://stackoverflow.blog/2009/06/25/attribution-required/" rel="license"> attribution required</a>. </div> </footer> </html>
</ code> éléments tout simplement bien dans mon expérience. Quand est le <code> $. Ajax () </ code> la fonction est appelée?</p> <hr> <p>Peut-être que cela aide <a href="http://forum.jquery.com/topic/textarea-and-ajax-with-serialize-help" rel="nofollow noreferrer"> forum.jquery.com/topic/textarea-et -ajax-with-sériialize-aide </a></p> <hr> <p>Y a-t-il des pauses en ligne dans les données? Ce peut être ce problème: <a href="http://stackoverflow.com/questions/4115457/jquery-Serialize-Error-with-textareA-Filed" Titre="JQuery Serialize Erreur avec Texarea Clasted"> Stackoverflow.com/ Questions / 4115457 / ... </a></p> <hr> <p>BlogContent est-il plus qu'un textarea, une perchage? I.e. - Est-ce une TinyMCE / CKEditor?</p> <hr> <p>Cela fonctionne très bien dans <a href="http://jsfiddle.net/3bczy/" rel="nofollow Noreferrer"> ce violon </a>.</p> <hr> <p>C'est un éditeur de texte WYSIWYG ... appelé Niceder Sitor. La fonction AJAX est appelée lorsque le bouton Soumettre est cliqué. Jusqu'à présent, il n'y avait pas de rupture de ligne que j'ai remarquée. Je double vérifier cela cependant.</p> <hr> <p>@JoryCunningham Je pense que cela a été réparé dans des versions plus récentes de JQuery (cette question / réponse est de près de deux ans), mais je pourrais me tromper.</p> <hr> <p>Comme cela fonctionne dans le violon, il doit être l'éditeur WYSIWYG attaché à celui-ci ...</p> <hr> <p>J'imagine que votre WYSIWYG fait quelque chose à ce domaine qui fait que JQuery ne veuille pas le sérialiser. Pouvez-vous essayer de encodericomponent et ajoutez-vous manuellement la valeur à la chaîne sérialisée?</p> <hr> <p>Une façon de résoudre ce problème consiste à aller directement sur les entrées: <code> $ (entrée blogorm, #blogposer texteaea '). Serialize () </ Code></p> <hr> <p>C'était mon éditeur WYSIWYG ... Merci pour l'aide. Je suppose que mal aller avec un autre, ou construire moi-même; p merci</p> <hr> <p>Utilisez ce <a href="http://stackoverflow.com/questions/4115457/JQUERY-SERIALIZE-Error-with-TextareA-Filed" Titre="JQuery Serialize Erreur avec Textarea Filed"> Stackoverflow.com/Questtions/4115457/ ... </a></p> <hr> <p>Vous manquez l'attribut de valeur dans vos champs de saisie.</p> <hr> </div> </div> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="2186005983" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <!-- Answers --> <p class="mt-4 font-weight-bold">6 Réponses :</p> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 5<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> J'ai négligé de mentionner que j'avais un éditeur WYSIWYG attaché à la zone de texte, appelé Niceder Sitor. Apparemment, il y a un bug qui a forcé JQuery de ne pas sérialiser le Texarea. Une fois que le NiceDitor a été supprimé, cela a bien fonctionné. Merci pour toute l'aide. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Ajouter retour False Onsubmit <pre>$("#blogSubmit").on('click',function(){ $.ajax({ type:'POST', url:'****.php', data:$('#blogForm').serialize(), success: function(responseSubmit) { blah blah etc... }); </pre></p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Votre nom Textarea est BlogContent mais l'identifiant est Blogbody. Le sélecteur # utilise l'ID, pas le nom. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">1 commentaires</small> <div class="comments mt-3"> <p class="answer-comment"> Le sélecteur utilise l'identifiant <i> de la forme </ i> </p> <hr> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Vous ne devriez pas avoir besoin de supprimer votre éditeur - ils fonctionnent généralement à l'aide de JS pour mettre à jour la textarea cachée après chaque touche, ou lorsque le formulaire soumet, de sorte que cela ne devrait pas faire une différence à condition que l'éditeur obtient ce mors . </ p> <p> J'imagine que le problème est comme phillip suggéré - que votre identifiant et vos attributs de nom diffèrent. Tous les autres correspondent bien. Lorsque cela sertialise, il doit utiliser les identifiants et probablement dans votre script de l'autre côté que vous attendez que les noms à venir (dont une forme normale soumettrait). </ p> <p> Puisque vous envoyez via $ Post, juste faire un Var_Dump ($ _ Post); Dans votre script, puis connectez-vous à la console ou en alertant dans votre JavaScript - voyez ce qui est envoyé exactement via AJAX à votre script. </ p> <p> Si la Textarea n'est pas là sous aucun nom, vous savez que le problème est définitivement l'éditeur, et si c'est le cas, essayez d'appeler manuellement les méthodes de NiceDitor qui mettront à jour la Textarea cachée. </ P> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 1<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Modification: <pré> xxx </ pré> <p> à: </ p> <pré> xxx </ pré> </ p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> <div class="row mt-3"> <div class="col-lg-1 col-md-2 col-2 col-sm-2 text-center pt-1 mx-0 px-0"> <div class="badge badge-score"> 0<br> votes </div> </div> <div class="col-lg-11 col-md-10 col-10 col-sm-10"> <div class="body-content"> <p> Si vous utilisez AJAXSUBMIT, les données de Textarea de tout éditeur de texte ne fonctionneront pas. <p> Vous devez donc obtenir la valeur et le mettre dans un champ masqué, vous pouvez obtenir la valeur postale comme ceci: </ p> <pré> xxx </ pré> <p> avant ajaxsubmit </ p> <pré> xxx </ pré> </ p> </div> <hr> <!-- comments --> <div class="pl-5"> <small class="text-muted">0 commentaires</small> <div class="comments mt-3"> </div> </div> </div> </div> <hr> </div> <div class="col-lg-3 col-md-12 col-12 col-sm-12" > <div class="related"> <iframe src="https://rcm-eu.amazon-adsystem.com/e/cm?o=8&p=12&l=ez&f=ifr&linkID=b777da379e25dfc65f34887292b82918&t=birdy0c-21&tracking_id=birdy0c-21" width="300" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe> <p class="font-weight-bold">Articles qui pourrait vous intéresser :</p> <a href="/question/pourquoi-est-ce-que-j-39-obtiens-une-erreur-laravel-lors-de-la-cr-eacute-ation-d-39-un-nouveau-projet" class=""> Pourquoi est-ce que j'obtiens une erreur laravel lors de la création d'un nouveau projet? </a> <hr> <a href="/question/select2-ne-s-39-affiche-pas-correctement-dans-le-mode-bootstrap" class=""> Select2 ne s'affiche pas correctement dans le mode bootstrap </a> <hr> <a href="/question/laravel-echo-n-39-eacute-coute-pas" class=""> Laravel Echo n'écoute pas </a> <hr> <a href="/question/la-validation-de-la-demande-de-formulaire-ne-fonctionne-pas-il-charge-juste-la-page-d-39-accueil-dans-postman" class=""> La validation de la demande de formulaire ne fonctionne pas. Il charge juste la page d'accueil dans Postman </a> <hr> </div> <div class=""> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="4267220326" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <script type="text/javascript" src="/js/purecookie.js"></script> </div> <div class="container col-lg-8 col-md-12 ads-footer"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5975820494937925" data-ad-slot="5580301997" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </body> <footer> <div class="row col-lg-12 col-md-12 text-muted"> © 2020 www.devfaq.fr - Licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license"> cc by-sa 3.0 </a> with <a href="https://stackoverflow.blog/2009/06/25/attribution-required/" rel="license"> attribution required</a>. </div> </footer> </html>
Je ne peux pas voir quoi que ce soit nettement pas mal avec ce que vous avez posté et jQuery sérialises