jq和thinkphp经常使用的几种ajax

第一种方法

第二种方法

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>

时间： 2024-12-25 09:04:31

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

extJs常用的四种Ajax异步提交

/** * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式,需要将待传递的参数进行封装 * @return entitySearch.firstname:document.all.firstname.value, */function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post', params : { user

黑马程序员【两种Ajax方法】

两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技术已经被人们广泛应用,而对于一些对Web的了解还不是很深入的初学者,Ajax依然带着一层神秘的难懂的色彩,今天就在这里给大家以简单的方式解读一下Ajax的实现步骤和原理,并且给大家两种实现Ajax的方法,js和jquery. 首先ajax其实就是js+xml的技术,前端的表现就是一段js代码.要使用

jquery中的几种Ajax应用

jQuery 中几种Ajax的应用 <script type="text/javascript"> //jquery中的几种ajax请求 function ajaxRequest(){ /* $.ajax();最底层的方法 load().$.post().$.ajax();第二层 $.getJSON(); $.getScript();//第三层 /* /*******************************load方法************************

两种ajax的方法

extJs常用的四种Ajax异步提交 - haiq - 博客园

/** * 第一种Ajax提交方式 * 这种方式需要直接使用ext Ajax方法进行提交 * 使用这种方式,需要将待传递的参数进行封装 * @return */ function saveUser_ajaxSubmit1() { Ext.Ajax.request( { url : 'user_save.action', method : 'post', params : { userName : document.getElementById('userName').value, passwor

关于ExtJS的两种Ajax请求和回调问题(转载)

1. Ext.form.Action.Submit的配置选项success.failure 根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性. loginFormPanel.getForm().submit({ method:'POST', params:{ username:username, password:pass

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

thinkphp的钩子行为类是一个比较难以理解的问题,网上有很多写thinkphp钩子类的文章,我也是根据网上的文章来设置thinkphp的钩子行为的,但根据这些网上的文章,我在设置的过程中,尝试了十几次都没有成功,不过,我还是没有放弃,最后还是在一边调节细节,一边试验的过程中实现了钩子行为的设置.下面是我个人的设置经验,在这里跟大家分享一下. 个人做了两种设置,都试验成功了,一个简单点,在thinkphp的核心文件中模仿核心行为类添加了另一个行为类,下面是截图: 我的虚拟主机配置文件夹是D:/

TP中讲的两种ajax方法

一. public function add(){ $this->display(); } public function ajaxSave(){ if(IS_AJAX){ echo '执行输入'; $model = M("tb_user"); $model->create(); $model->add(); echo '执行成功'; } } view中 add.html <!DOCTYPE html> <html> <head>

两种Ajax方法

Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技术已经被人们广泛应用,而对于一些对Web的了解还不是很深入的初学者,Ajax依然带着一层神秘的难懂的色彩,今天就在这里给大家以简单的方式解读一下Ajax的实现步骤和原理,并且给大家两种实现Ajax的方法,js和jquery. 首先ajax其实就是js+xml的技术,前端的表现就是一段js代码.要使用Ajax首先除了要