analyse d'un exemple d'opération de soumission de formulaire ajax thinkPHP5-PensezPHP-php.cn

analyse d'un exemple d'opération de soumission de formulaire ajax thinkPHP5

coldplay.xixi

Libérer： 2020-08-14 17:08:49

avant

2804 Les gens l'ont consulté

analyse d'un exemple d'opération de soumission de formulaire ajax thinkPHP5

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. Il utilise principalement la méthode serialize() de jquery pour sérialiser le formulaire

<. 🎜>Si vous rencontrez des problèmes au milieu, vous pouvez toujours le faire. Je ne connais pas le framework thinkphp5, je n'ai pas eu le temps d'utiliser la 3.2.3 auparavant. 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é spécifiquement la fonction assistant sous think et j'ai trouvé 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

Obtenez

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

Copier après la connexion

dans le contrôleur

Paramètres de saut en php :

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

Copier après la connexion

Recommandations d'apprentissage associées :
thinkphp

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!