实现一个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. MySQL外键约束

    mysql的五种约束 1.PRIMARY KEY 2.UNIQUE KEY 3.NOT NULL 4.DEFAULT 5.FOREIGN KEY 其中外键约束的使用用法 CREATE TABLE te ...

  2. Java 创建文件夹和文件，字符串写入文件，读取文件

    两个函数如下: TextToFile(..)函数:将字符串写入给定文本文件: createDir(..)函数:创建一个文件夹,有判别是否存在的功能. public void TextToFile(fi ...

  3. Java集合之LinkedList

    一.LinkedList概述 1.初识LinkedList 上一篇中讲解了ArrayList,本篇文章讲解一下LinkedList的实现. LinkedList是基于链表实现的,所以先讲解一下什么是链 ...

  4. highcharts去掉版权|去掉水印链接(右下角)_

    credits: {                      enabled: false                  }

  5. java使double保留两位小数的多方法 java保留两位小数

    这篇文章主要介绍了java使double类型保留两位小数的方法,大家参考使用吧 复制代码 代码如下: mport java.text.DecimalFormat; DecimalFormat    d ...

  6. 浅谈JavaScript、ES5、ES6

    // http://es6.ruanyifeng.com/#docs/intro (ES6 文档) 什么是JavaScript JavaScript一种动态类型.弱类型.基于原型的客户端脚本语言,用来 ...

  7. VBA学习思路

    打算花两三天学习VBA的基础,学习资料为<别怕,VBA其实很简单>,为了快速学习,先了解大致框架,后续再深入学习各种属性.方法和技巧. 1.VBA编程环境基本操作,手工操作,熟悉即可 2. ...

  8. 【jQuery】选择器

    jQ提供了很多选择器:(注:$("p").action() action为后续动作) 元素选择器 $("p").action() ; //选取所有p标签 id选 ...

  9. frame和bounds

    - frame 是一个以**父视图**为坐标系的位置- bounds 是一个以**自身**为坐标系的位置- 如果改变了bounds 那么会影响子控件的显示位置

  10. java.lang.ClassNotFoundException: com.mysql.jdbc.Driver解决办法

    这个问题的原因是没有导入mysql连接库,我从官网上下载后照着网上的教程各种导入无果,最后发现是我导入的文件错了.... 官网上下下来的压缩文件是这个,不过这并不是直接要导入的文件,首先解压文件,然后 ...