关于TP5的ajax写法

最新推荐文章于 2020-04-07 11:53:59 发布

fly_on_the_sky

最新推荐文章于 2020-04-07 11:53:59 发布

阅读量8.3k

点赞数 2

分类专栏： tp5 ajax 文章标签： tp5 ajax

tp5 ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

 
   [html]  
   view plain copy
<!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('Index/index/test')}",    
                    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>    
        <div id="content">    
                
        </div>    
    </body>    
</html>    

其实跟正常的ajax没什么区别，主要就是利用jquery的serialize()方法序列化表单

中间遇到些麻烦就是还没熟悉tiinkphp5框架，之前一直用的3.2.3还没来得及，俩版本差别还是有的

一个是$_POST不能用了还有就是原来ajax的url可以使用框架的U方法没了具体看了看think下的助手函数发现是url

下边是随便写了个方法用于返回json数据

 
   [html]  
   view plain copy
public function test($mess,$id){    
        if($mess == '123'){    
            return json("ajax成功！".$mess."---".$id);    
        }else{    
            return json("你输出的是其他值：".$mess."---".$id);    
        }    
    }    

fly_on_the_sky

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
关于TP5的ajax写法

[html] view plain copy&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="//c
复制链接

扫一扫