第一种方法

 

第二种方法

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. transform使用导致元素内字体出现模糊的坑~~~

    项目中遇到的,关于居中弹出层的字体模糊问题. 先来个对比图: 清晰版: 模糊版: 这个是一个不定宽高的弹出框,居中的方式如下代码: .layerdiv { position: fixed; top: ...

  2. 【java】JDK1.8时间日期库 新特性 所有java中时间Date的使用

    除了lambda表达式,stream以及几个小的改进之外,Java 8还引入了一套全新的时间日期API,在本篇教程中我们将通过几个简单的任务示例来学习如何使用java 8的这套API.Java对日期, ...

  3. Docker实践1:Virtualbox安装Oracle Enterprise Linux R6 U5

    先下载OracleLinux-R6-U5-Server-x86_64-dvd.iso文件,然后打开virtualbox 因为weblogic docker镜像都比较大,因此最好容量最好大一点,采用30 ...

  4. python获取linux本机IP

    #!/usr/bin/env python #encoding: utf-8 #description: get local ip address import os import socket, f ...

  5. requireJS简介和一个完整实例

    什么是 requireJS ? requireJS 是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载 ...

  6. Spark导论（Spark自学一）

    1.1 Spark是什么? Spark是一个用来实现快速而通用的集群计算的平台. 1.2 一个大一统的软件栈 Spark项目包含多个紧密集成的组件. 1.2.1 Spark Core Spark Co ...

  7. 【千纸诗书】—— PHP/MySQL二手书网站后台开发之知识点记录

    前言:使用PHP和MySQL开发后台管理系统的过程中,发现有一些通用的[套路小Tip],这里集中记录一下.结合工作中ing的后台业务,我逐渐体会到:除了技术知识外.能使用户体验好的“使用流程设计”积累 ...

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

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

  9. 记录一个奇妙的Bug， -1 &gt;= 2 ?

    直接上代码: #include <iostream> #include <vector> using namespace std; int main() { vector< ...

  10. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

    1.滑动时候警告[Intervention] Unable to preventDefault inside passive event listener due to target being tr ...