thinkphp ajax應用

來源:互聯網
上載者:User

點擊提交,不需要重新整理本頁,將內容提交到資料庫當中,並在本頁顯示提交的內容。



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');

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.