TP 架構 ajax[利用非同步提交表單]

標籤：style   blog   color   os   io   檔案   ar   資料   div   

 1  //[] 2      3     $(function () { 4         $("#send-btn" ).click(function (){ 5             //接受表單的值 6             var  username=$(‘input[name=username]‘).val(); 7             var  content=$(‘textarea[name=content]‘).val(); 8             if(username==‘‘){ 9                 alert(‘使用者名稱不可為空！‘);10                 username.focus();11                 return ;12             }13             if(content==‘‘){14                 alert(‘使用者名稱不可為空！‘);15                 content.focus();16                 return ;17             }18             //定義post的路徑：19             //注意  只有在當前頁面中才會解析路由地址20             //如果是在外部的資源檔時不會被解析的回被原樣輸出21             var handlurl=‘{:U("hadle","","")}‘;//因為是在當前控制器所以可以不用寫控制器名稱,直接寫提交到的方法22             $.post(handlurl,{username:username,content:content},function(data){23                 if(data.status>0){24                   var str =‘<dl class="paper a1">‘;25                          str+=‘  <dt>‘;26                          str+=‘   <span class="username">‘+data.username+‘</span>‘;27                          str+=‘   <span class="num">No.0000‘+data.id+‘</span>‘;28                          str+=‘  </dt>‘;29                          str+=‘     <dd class="content">‘+data.content+‘</dd>‘;30                          str+=‘     <dd class="bottom">‘;31                          str+=‘     <span class="time">‘+data.time+‘</span>‘;32                          str+=‘     <a href="" class="close"></a>‘;33                          str+=‘</dl>‘;34                          $(‘#main‘).append(str);35                          $(‘#close‘).click();36                 }else{37                     alert(‘發布失敗‘);38                 }39             },‘json‘);40         });41     42     43 });

 

//處理表單    public function hadle(){    if(IS_AJAX){//判讀是否為post提交過了     $data=array(     ‘username‘=>I(‘username‘),     ‘content‘=>I(‘content‘),     ‘time‘=>time()     );    $data_send=$data;    //資料操作    $model=new Model(‘wish‘);    $res=$model->data($data)->add();//擷取最後插入的ID    if($res>0){    $con=$data_send[‘content‘];        //儲存在資料中    $data[‘content‘]=rep_str($con);    $data[‘time‘]=date(‘y-m-d H:i‘,$data[‘time‘]);    $data[‘status‘]=1;    $data[‘id‘]=$res;    $this->ajaxReturn($data,‘json‘);    }else{    $this->ajaxReturn(array(‘status‘=>0),‘json‘);    }    }else{    echo "頁面不存在！~！";    }    }

　　

TP 架構 ajax[利用非同步提交表單]