zoukankan      html  css  js  c++  java
  • ThinkPHP框架 【 AJAX方法返回 】 例子:简单添加一条数据 和 查询一个表里的数据

     注:thinkphp使用ajax和之前使用ajax的方法一样,不同点在于之前的ajax中的url指向了一个页面,而thinkphp里面的url需要指向一个操作方法。

    在模块控制器Controller文件夹里创建一个 AjaxController.class.php
    <?php
    namespace AdminController;
    use thinkController;
    class AjaxController extends Controller{
        
        public function Ajax(){
            $this->show();//显示页面
        }
        public function ajaxchuli(){   //Ajax页面里的  url 指向的是这个方法
            
            $n = D("Nation");
            $attr = $n->select();
            $this->ajaxReturn($attr);//ajax返回方法ajaxReturn();
        }
        
        public function addajax(){
            $this->show();
        }
        public function addchuli(){    //addajax页面里的 url 指向的是这个方法
            $n = D("Nation");
            $n->create();//自动收集表单。。只要内容页面使用POST传值create()方法就很方便!
            $r = $n->add();//add()方法添加数据
            if($r){
                
                $this->ajaxReturn("OK","eval");//使用TEXT传值这里就要加上exal 输出字符串data数据。
            }else{
                $this->ajaxReturn("ON","eval");
            }
        }
        
    }

     

    在模块视图(显示页面)View文件夹里先创建好Ajax文件夹(代表的是Ajax控制器),里面再创建Ajax.html页面(代表的是你自定义的方法)

    <html>
        <head>
            <meta content="text/html; charset=utf-8" />
            <script src="__PUBLIC__/js/jquery-1.11.2.min.js">  </script><!--jquery文件放在public/js里面。__PUBLIC__找到public目录-->
        </head>
        <body>
            <select id="nation">
                
               </select>
            <script type="text/javascript">
                $.ajax({
                    url:"__CONTROLLER__/ajaxchuli",//这里指向的是一个方法。
                    data:{},
                    dataType:"JSON",
                    type:"POST",
                    success: function(data){
                        //alert(data[0].code);//这里要用索引,使用eq读取不出来数据。
                        var str = "";
                        for(a in data){
                            
                            str = str+"<option value='"+data[a].code+"'>"+data[a].name+"</option>"
                        }
                        $("#nation").html(str);
                    }
                    
                });
            </script>
        </body>
        
    </html>

     

     

     

     

    在模块视图(显示页面)View文件夹里先创建好Ajax文件夹(代表的是Ajax控制器),里面再创建addAjax.html页面(代表的是你自定义的方法)

     

    <html>
        <head>
            <meta content="text/html; charset=utf-8" />
            <script src="__PUBLIC__/js/jquery-1.11.2.min.js"></script>
        </head>
        <body>
            <div>代号:<input type="text" id="code" /></div>
            <div>名称:<input type="text" id="name" /></div>
            <div><input type="button" id="btn" value="添加" /></div>
            <script type="text/javascript">
            
                $("#btn").click(function(){
                    var code = $("#code").val();
                    var name = $("#name").val();
                    $.ajax({
                    url:"__CONTROLLER__/addchuli",
                    data:{Code:code,Name:name},
                    dataType:"TEXT",
                    type:"POST",
                    success:function(data){
                        
                        alert(data);
                    }
                    
                    });
                });
    
            </script>
        </body>
        
    </html>

     

     

  • 相关阅读:
    自学java--5
    自学java--4
    自学java--3
    自学java--2
    自学java--1
    java中的IO操作---File类
    TCP/UDP编程实例
    什么是服务端与客户端详解
    【提高组】并查集
    【ToDoList】自己选择的路跪着也要走下去
  • 原文地址:https://www.cnblogs.com/zc290987034/p/6219095.html
Copyright © 2011-2022 走看看