recherche

Maison >développement back-end >tutoriel php >opération de soumission de formulaire ajax dans thinkPHP5

opération de soumission de formulaire ajax dans thinkPHP5

不言
不言original
2018-06-07 15:57:403319parcourir

Cet article présente principalement l'opération de soumission de formulaire ajax thinkPHP5 et analyse les compétences d'opération de soumission de formulaire ajax de thinkPHP5 sous forme d'exemples, et explique également les compétences de transfert de paramètres et de traitement lors de la soumission de formulaire. Les amis dans le besoin peuvent s'y référer.

L'exemple de cet article décrit l'opération de soumission de formulaire ajax thinkPHP5. Je le partage avec vous pour votre référence. Les détails sont les suivants : 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script>
      function ajaxPost(){
        var formData = $("#myform").serialize();
        //serialize() 方法通过序列化表单值，创建 URL 编码文本字符串,这个是jquery提供的方法
        $.ajax({
          type:"post",
          url:"{:url(&#39;Index/index/test&#39;)}",
          data:formData,//这里data传递过去的是序列化以后的字符串
          success:function(data){
            $("#content").append(data);//获取成功以后输出返回值
          }
        });
      }
    </script>
  </head>
  <body>
    <form id="myform"><!--这里给表单起个id用于获取表单并序列化-->
      <input type="text" name="mess" />
      <input type="text" name="id" />
      <button onclick="ajaxPost()">---------</button>
    </form>
    <p id="content">
    </p>
  </body>
</html>

En fait, ce n'est pas différent de l'ajax normal. L'essentiel est d'utiliser la méthode serialize() de jquery pour sérialiser le formulaire.

J'ai rencontré quelques problèmes au milieu. Je ne suis tout simplement pas encore familier avec le framework thinkphp5, je n'ai pas encore eu le temps d'utiliser la 3.2.3. Il y a encore quelques différences entre les deux versions

La première est que $_POST ne peut pas être utilisé et que l'URL ajax d'origine peut utiliser la méthode U du framework. J'ai regardé la fonction assistant sous réfléchir en détail et j'ai découvert qu'il s'agissait de l'url

Le. Voici une méthode aléatoire pour renvoyer des données json

public function test($mess,$id){
    if($mess == &#39;123&#39;){
      return json("ajax成功！".$mess."---".$id);
    }else{
      return json("你输出的是其他值：".$mess."---".$id);
    }
}
De plus, les méthodes conventionnelles de soumission et de traitement des paramètres sont les suivantes :

Paramètres de soumission du formulaire : 

<input type="hidden" name="project_name" value="$project_name"/>
Récupérez le pass de saut dans le contrôleur

$project_name=input("post.project_name");

Référence php : 

$this->success(&#39;新增项目成功&#39;,url("Version/index",array(&#39;project_name&#39;=>$project_name)));
die;
Ce qui précède représente l'intégralité du contenu de cet article. J'espère que cela sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Analyse des erreurs de jeton de formulaire et solutions sous ThinkPHP

Utiliser ajax pour atteindre zéro dans la méthode Thinkphp de pagination rafraîchissante

ThinkPHP et Ajax implémentent un menu déroulant de liaison secondaire

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment explorer et analyser des pages Web avec PHPArticle suivant：Comment explorer et analyser des pages Web avec PHP

Articles Liés

Voir plus