• TP中讲的两种ajax方法


    一、    
    控制器中
    public function add(){ $this->display(); }

     

        public function ajaxSave(){
            
            if(IS_AJAX){
                echo '执行输入';
                $model = M("tb_user");
                $model->create();
                $model->add();
                echo '执行成功';    //这里会弹出一个框,把这两句一起输出
            }
    
        }

    view中

         add.html

    <!DOCTYPE html>
    <html>
        <head>
            <title>TODO supply a title</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <script src="__ROOT__/Common/jquery-1.8.3.min.js"></script>  //引入jqery
            <script>
                $(function(){
                    $("#subFrom").click(function(){
    //3个参数 js中的jq 获取所有的值 串行化 回调函数 $
    .post("{:U("index/ajaxSave")}",$("form").serialize(),function(data){ alert(data); }) }); }) </script> </head> <body> <form> <input type="text" name="name" /> <input type="text" name="like_num" /> <input type="text" name="hobby" /> </form> <button id="subFrom">提交</button> </body> </html>

     

    ===========================================

    ===========================================

    二、

    控制器中写

     1 <?php
     2 namespace AdminController;
     3 header("Content-type:text/html;charset=utf-8");
     4 use ThinkController;
     5 class DataController extends Controller {
     6     public function getAjax(){
     7         if(IS_AJAX){
     8         
     9             $data = 'ok';  //无
    10             $this->ajaxReturn(['abcd'=>'abcd',"name"=>'zhangsan']);
    11         }else{
    12             echo 'hehe,不是AJAX请求';
    13             
    14         }
    15     }
    16     
    17     
    18     public function send(){
    19         
    20         $this->display();
    21     }
    22 }

     

    view

    send.html

     1 <!DOCTYPE html>
     7 <html>
     8     <head>
     9         <title>TODO supply a title</title>
    10         <meta charset="UTF-8">
    11         <meta name="viewport" content="width=device-width, initial-scale=1.0">
    12         <script src='__ROOT__/business/Admin/view/js/jquery-1.8.3.min.js'></script> //引入jqery
    13         <script>
    14             $(function(){
    15                 $("#getAjax").click(function(){
    //不写这个‘’也行 也是3个参数
    16 $.get("{:U("Admin/data/getajax",'','')}",null,function(data){ 17 $("<div>"+data.name+"</div>").appendTo("body"); 18 }) 19 }); 20 21 }); 22 23 </script> 24 </head> 25 <body> 26 <div>TODO write content</div> 27 <ul> 28 <li>__ROOT__</li> 29 <li>__APP__</li> 30 <li>__MODULE__</li> 31 <li>__CONTROLLER__</li> 32 <li>__PUBLIC__</li> 33 <li>__SELF__</li> 34 </ul> 35 36 <button id='getAjax'>点击请求</button> //点击后,在后面添加 刷新后就没了 37 </body> 38 </html>

     三、其他

    手册的方法  

    //调用这个方法
    public function send(){

     $data = 'ok';  //浏览器返回 "ok"

    $data = ['abcd'=>'abcd',"name"=>'zhangsan'];      //浏览器返回  {"abcd":"abcd","name":"zhangsan"}


    $this->ajaxReturn($data);
    }

     $this->ajaxReturn($data,xml); //返回下面的

    <think>
    <abcd>abcd</abcd>
    <name>zhangsan</name>
    </think>

    -------------------------------------------------------

  • 相关阅读:
    Python集合
    excel数据的处理
    史上最全的web前端系统学习教程!
    H5游戏开发:贪吃蛇
    javascript+HTMl5游戏下载,开发一个都能月薪上万!舅服你
    2020年必看的web前端开发学习路线!
    花了一天准备好的web前端电子书籍,全部可以免费下载!
    2019年大牛最新整理的Python技术入门路线
    从零开始,学习web前端之HTML5开发
    经验分享:如何系统学习 Web 前端技术?
  • 原文地址:https://www.cnblogs.com/rainblack/p/4728847.html
Copyright © 2020-2023  润新知