实现一个AJAX添加并显示数据的例子

控制器

<?php

namespace Home\Controller;

use Think\Controller;

class AjaxController extends Controller

{

    public function test()

    {

        $this->display();

    }

    public function xianshi()

    {

        $n = D("Nation");

        $attr = $n->select();

        $this->ajaxReturn($attr); //ajax返回方法

    }

    public function tianjia()

    {

        $this->display();

    }

    public function tianjiachuli()

    {

        $n = D("Nation");

        $n->create();

        $r = $n->add();

        if($r)

        {

            $this->ajaxReturn("OK","eval");

        }

        else{

            $this->ajaxReturn("NO","eval");

        }

    }

}

显示界面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="__PUBLIC__/js/jquery-1.11.2.min.js"></script>

</head>

<body>

<table id="aa" width="100%" border="1" cellpadding="0" cellspacing="0">

</table>

<a href="__CONTROLLER__/tianjia">添加</a>

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    $.ajax({

        url:"__CONTROLLER__/xianshi",

        data:{},

        type:"POST",

        dataType:"JSON",

        success: function(data){

            var aa = "<tr><td>代号</td><td>名称</td><td>修改</td><td>删除</td></tr>";

            var str = "";

            for(a in data)

            {

                str = str+"<tr><td>"+data[a].code+"</td><td>"+data[a].name+"</td><td><a href='__CONTROLLER__/xiugai/code/"+data[a].code+"'>修改</a></td><td><a href='__CONTROLLER__/shanchu/code/"+data[a].code+"'>删除</a></td>";

            }

            $("#aa").html(aa+str);

        }

    })

});

</script>

</html>

添加页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<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__/tianjiachuli",

        data:{Code:code,Name:name},

        dataType:"TEXT",

        type:"POST",

        success:function(data){

            if(data=="OK")

            {

                window.location.href="__CONTROLLER__/test";

            }

            else

            {

                alert("添加失败");

            }

        }

    });

})

</script>

</body>

</html>

tp框架之AJAX的更多相关文章

  1. tp框架实现ajax

    不墨迹,直接进主题. tp框架实现ajax 首先,我们先做一个testajax.html用来显示页面(只是一个简单的下拉列表^_^) <!DOCTYPE html PUBLIC "-/ ...

  2. TP框架中ajax post请求时提示404

    ajax post请求时提示404错误 TP框架中ajax post请求时提示404 找了半天是 控制器中方法有错误! 下次再遇到去控制器方法中找一步一步找,肯定能找到,我是单词拼错了!

  3. tp框架 使用ajax

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  4. tp框架实现ajax注册验证

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. tp框架 php ajax 登陆

    html 文件 <form class="form-signin loginform" role="form"> <input type=&q ...

  6. TP框架ajax U方法不解析怎么办？

    TP框架中ajax U方法不解析 ajax U方法不解析 ajax url不解析 问题: 造成问题原因: Js 存在单独的 js文件中和html分离了.造成不解析! 解决方法: 方法一:将js放到ht ...

  7. tp框架验证信息

    今天在这里我们学习一下tp框架里面怎么做验证. 验证又分为两种:静态验证.动态验证 首先,我们还是先做一个html界面,名为add.html.代码如下: <!DOCTYPE html PUBLI ...

  8. tp框架表单验证 及ajax

    之前的表单验证都是用js写的,这里也可以使用tp框架的验证.但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降. 自动验证是ThinkPHP模型层提供的一种 ...

  9. TP框架如何绑定参数。目的进行ajax验证

    TP框架的自动绑定 对于某些操作的情况(例如模型的写入和更新方法),可以支持参数的自动绑定,例如: 首先需要开启DB_BIND_PARAM配置参数: 'DB_BIND_PARAM' => tru ...

随机推荐

  1. The common Linux Commands

    Linux的命令总结 1. man:在线请求系统帮助 例:man mkdir NAME:这个命令的完整全名 mk(make directories) SYNOPSIS:这个命令的基本语法 mkdir ...

  2. SQL Server 2008 允许远程连接的配置

    如果无法通过IP地址远程连接你的SQL Server 2008服务器,可以参考下面的内容进行设置.在进行下述设置之前,应该确保你的网络已经安装设置完毕,服务器已经正常连接到网络中. 1.单击Windo ...

  3. python_九九乘法表

    # 九九乘法表 print(" 九九乘法表") for table_x in range(1,10): for table_y in range(1,table_x +1): pr ...

  4. Windows10配置NFS服务端和客户端

    环境:Windows10企业版x64 安装服务端 安装hane win nfs server,版本1169(官方最新版1223经试验不成功). 设置如下: 以管理员身份重启服务(注:软件界面上&quo ...

  5. Robot Framework 安装步骤

    1. 安装python 2.7.11, 并添加环境变量到PATH.在cmd验证python是否安装成功.   2. 解压pip-8.1.1.tar.gz,执行python setup.py insta ...

  6. 自制-随机生成不重复的数组 --算法，egret平台下的TS code

    感觉这个算法经常会用到,前段时间写过一次,现在push出来.原理是有两个数组,一个数组存放随机数,然后从另一个数组提取相关的数,然后把另一个数组的大小-1,remove掉这个数,unity里也是这个原 ...

  7. 【ASP.NET程序员福利】打造一款人见人爱的ORM（二）

    上一篇我已经给大家介绍AntORM的框架[ASP.NET程序员福利]打造一款人见人爱的ORM(一),今天就来着重介绍一下如何使用这套框架 1>AntORM 所有成员 如果你只想操作一种数据库,可 ...

  8. Windows下安装Oracle拖慢开机速度的解决方法

    环境:win7 + oracle R2 方法:将安装Oracle后自动开机启动的服务改为手动启动 步骤如下: 1.修改服务项 Ctrl + R,输入services.msc,打开服务列表,找到Orac ...

  9. win10 64位专业版系统中显示32位dcom组件配置的方法

    word.excel是32位的组件,当用户64位系统在运行窗口中输入dcomcnfg命令时,在打开的组件服务管理窗口,是找不到Microsoft Excel.word程序的.另外,Windows 环境 ...

  10. 耗时两月，NHibernate系列出炉

    写在前面 这篇总结本来是昨天要写的,可昨天大学班长来视察工作,多喝了点,回来就倒头就睡了,也就把这篇总结的文章拖到了今天. nhibernate系列从开始着手写,到现在前后耗费大概两个月的时间,通过总 ...