第一种方法

 

第二种方法

jquery方法：

MessageAction.class.php

<?php

class MessageAction extends Action{

    function index(){

        $this->display();

    }

    function add(){

        //ajaxReturn(数据,‘提示信息‘,状态)

        $m=M(‘message‘);

        if($m->add($_GET)){

            $this->ajaxReturn($_GET,‘添加信息成功‘,1);

        }else{

            $this->ajaxReturn(0,‘添加信息失败‘,0);

        }

    }

}

?>

模板index.html

<html>

<head>

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

    $(function(){

        $(‘input:button‘).click(function(){

            var $title=$(‘input[name="title"]‘).val();

            var $message=$(‘input[name="message"]‘).val();

            $mess=$(‘#mess‘);

           $.getJSON(‘__URL__/add‘,{title:$title,message:$message},function(json){

                //alert(json);return false;

                if(json.status==1){

                    $mess.slideDown(3000,function(){

                        $mess.css(‘display‘,‘block‘);

                    }).html(‘标题为‘+json.data.title+‘信息为‘+json.data.message);

                }else{

                    $mess.slideDown(3000,function(){

                        $mess.css(‘display‘,‘block‘);

                    }).html(‘信息添加失败，请检查‘);

                }

            });

        })

    })

</script>

</head>

<body>

<div style="display:none; color:red;" id="mess"></div>

<form action="" method="get">

  标题：<input type="text" name="title" /><br />

  信息：<input type="text" name="message" /><br />

       <input type="button" value="提交" />

</form>

</body>

</html>

ThinkPHP方法：

MessageAction.class.php

<?php

class MessageAction extends Action{

    function index(){

        $this->display();

    }

    function addtwo(){

        $m=M(‘message‘);

        if($vo=$m->create()){

            if($m->add()){

                $this->ajaxReturn($vo,‘添加成功‘,1);

            }else{

                $this->ajaxReturn(0,‘添加失败‘,0);

            }

        }else{

            $this->error($m->getError());

        }

    }

}

?>

模板index.html

<html>

<head>

<script type="text/javascript" src="__PUBLIC__/Js/Base.js"></script>

<script type="text/javascript" src="__PUBLIC__/Js/prototype.js"></script>

<script type="text/javascript" src="__PUBLIC__/Js/mootools.js"></script>

<script type="text/javascript" src="__PUBLIC__/Js/ThinkAjax.js"></script>

<script type="text/javascript">

    function add(){

        //ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方);

        ThinkAjax.sendForm(‘frm‘,‘__URL__/addtwo‘,wc);

    }

    function wc(data,status){

        if(status!=1){

            alert(‘发送失败‘);

        }else{

            $(‘list‘).innerHTML+=‘标题‘+data.title+‘,信息‘+data.message;

        }

    }

</script>

</head>

<body>

jq和thinkphp经常使用的几种ajax的更多相关文章

  1. ThinkPHP中Widget的两种写法及调用

    Widget扩展一般用于页面组件的扩展,在页面根据需要输出不同的内容,下面介绍一下ThinkPHP中Widget的两种写法及调用 写法一: ArticlWidget.class.php文件: clas ...

  2. 两种Ajax方法

    两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技 ...

  3. extJs常用的四种Ajax异步提交

    /** * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式,需要将待传递的参数进行封装 * @return */function saveUser_aj ...

  4. jquery的几种ajax方式对比

    jquery的几种ajax方式对比 jquery的ajax方式有如下几种: 1.   $.post(url,params,callback); 2.   $.getJSON(url,params,ca ...

  5. 两种ajax的方法

    两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技 ...

  6. python笔记-20 django进阶 （model与form、modelform对比，三种ajax方式的对比，随机验证码，kindeditor）

    一.model深入 1.model的功能 1.1 创建数据库表 1.2 操作数据库表 1.3 数据库的增删改查操作 2.创建数据库表的单表操作 2.1 定义表对象 class xxx(models.M ...

  7. django上课笔记7-jQuery Ajax 和 原生Ajax-伪造的Ajax-三种Ajax上传文件方法-JSONP和CORS跨域资源共享

    一.jQuery Ajax 和 原生Ajax from django.conf.urls import url from django.contrib import admin from app01 ...

  8. thinkphp的钩子的两种配置和两种调用方法

    thinkphp的钩子行为类是一个比较难以理解的问题,网上有很多写thinkphp钩子类的文章,我也是根据网上的文章来设置thinkphp的钩子行为的,但根据这些网上的文章,我在设置的过程中,尝试了十 ...

  9. 实现手机端上下左右滑屏的jq原生代码和使用库·两种办法

    先来一个原生的.我使用的是jq. 需要注意的地方就是被触发的元素最好不要是body,这个代码也可以修改,如果obj传进来的是body那么,$(this)必须是你的监听元素,不然会冒泡泡,整个项目就…… ...

随机推荐

  1. Step by Step 使用HTML5开发一个星际大战游戏（1）

    本系列博文翻译自以下文章 http://blog.sklambert.com/html5-canvas-game-panning-a-background/ Languages: HTML5, Jav ...

  2. Redis的安装与idea中的使用

    一.Redis的安装 Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.从2010年3月15日起,Redis的开 ...

  3. 使用Spring Boot集成FastDFS

    原文:http://www.cnblogs.com/ityouknow/p/8298358.html#3893468 上篇文章介绍了如何使用Spring Boot上传文件,这篇文章我们介绍如何使用Sp ...

  4. 【Node.js】1.安装步骤

    1.在官网找到对应版本下载 2.点击安装 3.检查安装成功 path可以看到node.js的安装目录已经自动配置在环境变量path中了 如果node -v或者node --version不能正确展示当 ...

  5. Mysql5.6.x版本半同步主从复制的开启方法

    介绍 先了解一下mysql的主从复制是什么回事,我们都知道,mysql主从复制是基于binlog的复制方式,而mysql默认的主从复制方式,其实是异步复制. 主库实际上并不关心从库是否把数据拉完没有, ...

  6. kvm : Permission denied

    创建虚拟机类型为:“virt type :kvm” 时,会报如下错误: Could not access KVM kernel module: Permission denied failed to ...

  7. 使用spice连接kvm guest主机

    spice技术已经出来很久了,其是优于VNC的一种远程桌面协议,之所以这里记录下,是由于某些加密视频文件(如以vpy结尾的超时代视频加密),会识别主机的特征吗,一旦主机重启后这些视频又没法查看了,所以 ...

  8. nagios学习记录

    这几天开始接触nagios,记录下学习的心得 监控机上需要安装nagios,nagios-plugins, nrpe 被监控机上需要安装nagios-plugins, nrpe nagios通过插件n ...

  9. http://blog.csdn.net/jhg1204/article/details/45013987

    http://blog.csdn.net/jhg1204/article/details/45013987

  10. Solr6.6.0 用 SimplePostTool索引文件 中文乱码

    在用SimplePostTool工具导入CSV文件,文件内容如下: 启动solr ,利用命令导入:java -Dtype=text/csv -Dc=solr_test -jar post.jar .. ...