ThinkAjax的用法解析及实例

重点函数1：


$this->ajaxReturn($result,"型号增加成功！",1);


第一个是返回的数据变量，第二个是返回的信息，第三个是数据返回的状态。


 


重点函数2：


ThinkAjax.send('__APP__/Index/delete/','ajax=1&partid='+partid,delComplete,'result');


第一个参数：在控制器里面的函数名称


第二个参数：需要传递的参数ajax=1好像不可少


第三个参数：提交成功执行的函数名称


第四个参数，就是显示“数据处理中~”这些提示信息的Div的名称。


 


重点函数3：


ThinkAjax.sendForm('frmpart','__APP__/Index/insert',addComplete,'result');
第一个参数代表提交名称为frmpart的表单
第二是参数是提交的地址
第三个参数，如果提交成功，执行的函数名称
第四个参数，就是显示“数据处理中~”这些提示信息的Div的名称。


<div id="result" class="none result" style="float:right;font-family:微软雅黑,Tahoma;width:150px;letter-spacing:2px"></div>
 


 


function addComplete(data,status)


其中的data参数，就是我们提交成功之后的返回值


$this->ajaxReturn($result,"型号增加成功！",1);
那么，data就是变量$result的值，sataus就是最后的这个参数"1"或者"0"




当然，别忘了在用ThinkAJAX的时候写上
XML/HTML代码
<load href="__PUBLIC__/Js/Base.js" />
<load href="__PUBLIC__/Js/prototype.js" />
<load href="__PUBLIC__/Js/mootools.js" />
<load href="__PUBLIC__/Js/Ajax/ThinkAjax.js" />




下面是代码


 


先看模板文件代码(着重看红色部分代码)：


<tagLib name="html" />
<include file="Public:header" />


<SCRIPT LANGUAGE="JavaScript">
<!--
 function addStock(){
  ThinkAjax.sendForm('frmpart','__APP__/Index/insert',addComplete);
 }
 function addComplete(data,status){
  if (status==1)
  {
   window.setTimeout(function (){window.location.href='__URL__',20000});


  }
 }
 function delStock(partid){
  ThinkAjax.send('__APP__/Index/delete/','ajax=1&partid='+partid,delComplete);
 }
 function delComplete(data,status){
  if (status==1)
  {
   window.setTimeout(function (){window.location.href='__URL__',20000});
  }
 }
//-->
</SCRIPT>


<table width="80%" border="1" cellspacing="0" bordercolorlight="#C0C0C0" bordercolordark="#FFFFFF">
<!--数据新增表单-->
<form name=frmpart>
 <tr bgcolor='#E8E8E8'>
   <td width="10%"><input type="hidden" name="ajax" value="1"><input type="button" value="新增数据" onclick="addStock()"></td>
   <td width="38%">型号：<input type="text" id="partno" name="partno">


   <div id="result" class="none result" style="float:right;font-family:微软雅黑,Tahoma;width:150px;letter-spacing:2px"></div>


   </td>
   <td width="25%">厂家：<input type="text" id="mfg" name="mfg"></td>
   <td width="12%">批号：<input type="text" id="datecode" name="datecode"></td>
   <td width="15%">数量：<input type="text" id="qty" name="qty"></td>
 </tr>
 </form>


 <tr bgcolor='#E8E8E8'>
   <td width="10%"><strong>ID</strong></td>
   <td width="38%"><strong>PartNo.</strong></td>
   <td width="25%"><strong>Mfg.</strong></td>
   <td width="12%"><strong>Datecode</strong></td>
   <td width="15%"><strong>Qty.</strong></td>
 </tr>
<!--循环输出查询结果数据集-->
<volist name='list' id='vo' >
 <tr>
   <td width="10%">{$vo.partid}</td>
   <td width="38%">{$vo.partno}</td>
   <td width="25%">{$vo.mfg}</td>
   <td width="12%">{$vo.datecode}</td>
   <td width="15%">{$vo.qty} <IMG SRC="../Public/images/del.gif" WIDTH="20" HEIGHT="20" BORDER="0" style="cursor:pointer" ALT="" onclick="delStock('{$vo.partid}')" align="absmiddle"></td>
 </tr>
</volist>
</table>


<include file="Public:footer" />


再看控制器代码：


 // 数据写入操作
    public function insert() {
        $Stk = D('Stock');
  $Stk->create();
  if($result=$Stk->add()) {
   $this->ajaxReturn($result,"型号增加成功！",1);
  }else {
   $this->error("型号增加失败!");
  }
    }


    public function delete() {
        $Stk = M('Stock');
  $condition['partid'] = $_REQUEST['partid'];
  if ($Stk->where($condition)->delete()) {
   $this->ajaxReturn($partid, $partid."型号删除成功！", 1);
  }else {
   $this->error($Stk->getError());
  }        
    }