ThinkPHP框架【 AJAX方法返回】例子：简单添加一条数据和查询一个表里的数据

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

在模块控制器Controller文件夹里创建一个 AjaxController.class.php

<?php

namespace Admin\Controller;

use think\Controller;

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>

巴特西

ThinkPHP框架【 AJAX方法返回】例子：简单添加一条数据和查询一个表里的数据

最新文章

热门文章

巴特西

ThinkPHP框架 【 AJAX方法返回 】 例子：简单添加一条数据 和 查询一个表里的数据

最新文章

热门文章

ThinkPHP框架【 AJAX方法返回】例子：简单添加一条数据和查询一个表里的数据