opération de soumission de formulaire ajax dans thinkPHP5-tutoriel php-php.cn

opération de soumission de formulaire ajax dans thinkPHP5

不言

Libérer： 2023-03-30 14:06:01

original

3316 Les gens l'ont consulté

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>

Copier après la connexion

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);
    }
}

Copier après la connexion

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"/>

Copier après la connexion

Récupérez le pass de saut dans le contrôleur

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

Copier après la connexion

Référence php :

$this->success(&#39;新增项目成功&#39;,url("Version/index",array(&#39;project_name&#39;=>$project_name)));
die;

Copier après la connexion

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!