第一种方法

 

第二种方法

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. [转] matlab调用opencv函数的配置

    原文地址百度账户 aleasa123 方式1 1.  首先保证vs2010能正确调用opencv函数, 2.  Matlab中选择编译器,操作如下: 打开matlab2012,输入mex –setup ...

  2. [Android Memory] Android性能测试小工具Emmagee

    转载:http://blog.csdn.net/anlegor/article/details/22895993 Emmagee是网易杭州QA团队开发的用于测试指定android应用性能的小工具.该工 ...

  3. Kubernetes master节点的高可用配置

    了解Kubernetes架构都知道Master节点在整个集群中的位置,为了保证整个架构的高可用,Kubernetes提供了HA的架构,处于兴趣和对架构的进一步了解,我在自己的电脑实践以下. 环境: C ...

  4. GyoiThon：基于机器学习的渗透测试工具

    简介 GyoiThon是一款基于机器学习的渗透测试工具. GyoiThon根据学习数据识别安装在Web服务器上的软件(操作系统,中间件,框架,CMS等).之后,GyoiThon为已识别的软件执行有效的 ...

  5. 微信跳一跳 可以直接更改分数， POST 请求没有校验

    这两天逛 v 站出现了一众微信跳一跳 'AI',已经被刷屏了…… https://www.v2ex.com/t/418833 https://www.v2ex.com/t/418775 https:/ ...

  6. 通过案例对SparkStreaming透彻理解三板斧之二

    本节课主要从以下二个方面来解密SparkStreaming: 一.解密SparkStreaming运行机制 二.解密SparkStreaming架构 SparkStreaming运行时更像SparkC ...

  7. Spark（二） -- Spark简单介绍

    spark是什么? spark开源的类Hadoop MapReduce的通用的并行计算框架 spark基于map reduce算法实现的分布式计算 拥有Hadoop MapReduce所具有的优点 但 ...

  8. Java8 更快的原子类:LongAdder(笔记)

    更快的原子类:LongAdder      大家对AtomicInteger的基本实现机制应该比较了解,它们是在一个死循环内,不断尝试修改目标值,知道修改成功,如果竞争不激烈,那么修改成功的概率就很高 ...

  9. [转]SQL Server 性能调优（cpu）

      研究cpu压力工具 perfom SQL跟踪 性能视图 cpu相关的wait event Signal wait time SOS_SCHEDULER_YIELD等待 CXPACKET等待 CME ...

  10. Linux-进程内存占用情况

    可以直接使用top命令后,查看%MEM的内容.可以选择按进程查看或者按用户查看,如想查看oracle用户的进程内存使用情况的话可以使用如下的命令: (1)top top命令是Linux下常用的性能分析 ...