第一种方法

 

第二种方法

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. javascript设计模式 第一章 灵活的javascript

    javascript 设计模式 第1章 灵活的语言--JavaScript 初级程序员接到一个验证表单功能的任务,需要验证用户名.邮箱.密码等 ** 此文章内容大部分来自 <javascript ...

  2. javascript：判断支持哪种监听

    if (typeof window.addEventListener != "undefined") { window.addEventListener("load&qu ...

  3. Drupal 7.31 SQL Injection Exp

    #-*- coding:utf-8 -*- import urllib2,sys import hashlib   # Calculate a non-truncated Drupal 7 compa ...

  4. 用 JavaScript 检测浏览器在线/离线状态（JavaScript API — navigator.onLine）

    如今HTML5 移动应用或 Web app 中越来越普遍的使用了离线浏览技术,所以用 JavaScript 检测浏览器在线/离线状态非常常见. 无论浏览器是否在线,navigator.onLine 属 ...

  5. @CrossOrigin 跨域注解

    在spring 4.2后,提供了跨域注解@CrossOrigin https://spring.io/guides/gs/rest-service-cors/ Enabling CORS Contro ...

  6. uva 10934 装满水的气球

    题意和思路见: http://blog.csdn.net/shuangde800/article/details/11273123 我的想法: 首先问题转化一下 将问题转化成:定义f[i][j] 表示 ...

  7. git学习——打标签

    打标签 就像某人发布某个软件版本(v1.0)后,一般会给一个标签. Git 使用的标签有两种类型:轻量级的(lightweight)和含附注的(annotated).轻量级标签就像是个不会变化的分支, ...

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

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

  9. Android开发之Is Library篇

    一.生活场景描述 由于公司有一个项目开发的时间比较长,项目里堆砌的代码也比较多,并且有些功能在给不同客户发布的时候有些功能还不需要,这样功能模块分离就很有必要了. 所以,Library就被推到了前台, ...

  10. 金典 SQL笔记(2)

    由于在本地笔记上写的.CSDN markdown编辑器仅仅支持.md格式导入, 图片没办法直接导进去.写的多了懒的一张一张图片切图上传; 直接整个文章切成图片上传上去了.