php实战第四天_PHP教程-php教程-PHP中文網

首頁

後端開發

php教程

php实战第四天_PHP教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 14, 2016 am 10:10 AM

ajaxphp哈學習實戰效果有流留言板的

好吧先上图,看看,这是 ajax的留言板噢.有瀑布流效果,哈

1.今天学习到了 jquery的ajax,直接上代码

[php] / JavaScript Document
$(document).ready(function(e) {
    loadHiglight();//载入高亮特效

    $("#submit").click(function() { //“留言”按钮单击事件
        //获取用户名称
        var strUsetName = $("#userName").val();
        //获取输入留言内容
        var strContent = $("#content").val();
        //获取输入邮箱
        var strEmail = $("#email").val();

        //开始发送数据
        $.ajax({
            url: 'index.php?m=index&a=add',
            type: 'POST',
            dataType: 'json',
            data: {
                userName: strUsetName,
                content: strContent,
                email: strEmail
            },
            success: function(json, textStatus, xhr) {
                if (json.state=='ok') {
                    alert('操作提示，留言成功！');
                    //alert();
                    var data=json.data[0];
                    var strTag=createTag(data.userName,data.content,data.time);

                    $(strTag).prependTo('div #liuyan');

                     //$("Hello World!").prependTo("p");
                }else{
                    alert('操作提示，留言失败！\n错误信息:'+json.error);
                }
            }
        })
    });
    //动态载入留言
    loadMore();
});

//监视滚动条滚动
$(window).scroll(function() {
    // 当滚动到最底部以上100像素时，加载新内容
    if ($(document).height() - $(this).scrollTop() - $(this).height()         loadMore();
    };
});

fy = 0;
function loadMore() {
    fy++;
    //alert(fy);
    $.getJSON("index.php?m=index&a=data&page=" + fy + "&rand=" + Math.random(), function(json) {

        for (var i = 0; i             //alert(json[i]['userName']);
            //content = '

' + json[i]['userName'] + '

' + json[i]['content'] + '

' + getLocalTime(json[i]['time']) + '

';
//content='

'
            //alert(content);
            $("div #liuyan").append(createTag(json[i]['userName'],json[i]['content'],json[i]['time']));
            loadHiglight();
        };

    });
}

function loadHiglight() {//为了ajax后重载特效
    $user = $("div .user");
    $text = $("div .text");

    $("div .content").each(function(index) {
        $(this).mousemove(function() {

            $user.eq(index).css("color", "#0A8CD2");

            // $user.eq(index).css("background","#FFE6AD");
            // $text.eq(index).css("background","#FFFDF6");

        }).mouseout(function() {

            $user.eq(index).css("color", "#000");

            // $user.eq(index).css("background","#E6F0F9");
            // $text.eq(index).css("background","#F8FBFD");
        });
    });
}
function createTag(usetName, content, time) {
    var strTag = '

' + usetName + '

' + content + '

' + getLocalTime(time) + '

';
return strTag;
}
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
}

// JavaScript Document
$(document).ready(function(e) {
loadHiglight();//载入高亮特效

$("#submit").click(function() { //“留言”按钮单击事件
  //获取用户名称
  var strUsetName = $("#userName").val();
  //获取输入留言内容
  var strContent = $("#content").val();
  //获取输入邮箱
  var strEmail = $("#email").val();

  //开始发送数据
  $.ajax({
   url: 'index.php?m=index&a=add',
   type: 'POST',
   dataType: 'json',
   data: {
    userName: strUsetName,
    content: strContent,
    email: strEmail
   },
   success: function(json, textStatus, xhr) {
    if (json.state=='ok') {
     alert('操作提示，留言成功！');
     //alert();
     var data=json.data[0];
     var strTag=createTag(data.userName,data.content,data.time);

$(strTag).prependTo('div #liuyan');

      //$("Hello World!").prependTo("p");
    }else{
     alert('操作提示，留言失败！\n错误信息:'+json.error);
    }
   }
  })
});
//动态载入留言
loadMore();
});

//监视滚动条滚动
$(window).scroll(function() {
// 当滚动到最底部以上100像素时，加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height() loadMore();
};
});

fy = 0;
function loadMore() {
fy++;
//alert(fy);
$.getJSON("index.php?m=index&a=data&page=" + fy + "&rand=" + Math.random(), function(json) {

for (var i = 0; i //alert(json[i]['userName']);
//content = '

' + json[i]['userName'] + '

' + json[i]['content'] + '

' + getLocalTime(json[i]['time']) + '

';
//content='

'
   //alert(content);
   $("div #liuyan").append(createTag(json[i]['userName'],json[i]['content'],json[i]['time']));
   loadHiglight();
  };

});
}

function loadHiglight() {//为了ajax后重载特效
$user = $("div .user");
$text = $("div .text");

$("div .content").each(function(index) {
$(this).mousemove(function() {

$user.eq(index).css("color", "#0A8CD2");

// $user.eq(index).css("background","#FFE6AD");
// $text.eq(index).css("background","#FFFDF6");

}).mouseout(function() {

$user.eq(index).css("color", "#000");

   // $user.eq(index).css("background","#E6F0F9");
   // $text.eq(index).css("background","#F8FBFD");
  });
});
}
function createTag(usetName, content, time) {
var strTag = '

' + usetName + '

' + content + '

' + getLocalTime(time) + '

';
return strTag;
}
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
}请求的方法是

[php] function data()
{
    //引入分页类
    include "page.class.php";
        //得到data表的数据数量
    $rows = $this->db->count('select * from data');
    //创建分页对象
    $page = new Page($rows, 5, "");
    $list=$this->db
           ->order('id DESC')
           //->table('data')
           ->limit($page->getLimit())
           ->select();
    /*
    echo "

";<br>
    var_dump($list);<br>
    echo "

";
    */
    echo json_encode($list);
    exit();
}

  function data()
  {
   //引入分页类
   include "page.class.php";
    //得到data表的数据数量
   $rows = $this->db->count('select * from data');
   //创建分页对象
   $page = new Page($rows, 5, "");
   $list=$this->db
       ->order('id DESC')
       //->table('data')
        ->limit($page->getLimit())
        ->select();
   /*
   echo "

";<br>
   var_dump($list);<br>
   echo "

";
   */
   echo json_encode($list);
   exit();
  }
这样就实现了瀑布流效果咯,有点缺点是如果加载到最后但是却没提示的噢,哈哈哈哈,

[php] function add(){
            //添加后返回影响条数,如果大于0就说明添加成功
            $json['state']='no';
            if (empty($_POST['userName'])) {
                $json['error']='没有输入用户名';

            }elseif(empty($_POST['content'])){
                $json['error']='没有输入留言内容';

            }elseif(empty($_POST['email'])){
                $json['error']='没有输入邮箱';

            }else{
                isset($_POST['content'])?$_POST['content']=nl2br($_POST['content']):"";
                $_POST['time']=time();
                if($this->db->data($_POST)->add()>0){
                    /*
                    echo "添加成功";
                    // echo "<script>location.reload()</script>";//防止刷新后的表单的重复提交
                    Header("HTTP/1.1 303 See Other");
                    Header("Location: ");   //转向到根目录
                    exit;
                    */
                    $json['state']='ok';
                    $json['data']=$this
                                    ->db
                                    ->table('data')
                                    ->where('id='.$this->db->last_insert_id())
                                    ->select();
                }else {

                    $json['error']=$this->db->error();
                    //die($this->db->error());//添加失败输出错误信息
                }
            }
            echo json_encode($json);
            //var_dump($_POST);
        }

function add(){
   //添加后返回影响条数,如果大于0就说明添加成功
   $json['state']='no';
   if (empty($_POST['userName'])) {
    $json['error']='没有输入用户名';

}elseif(empty($_POST['content'])){
$json['error']='没有输入留言内容';

}elseif(empty($_POST['email'])){
$json['error']='没有输入邮箱';

   }else{
    isset($_POST['content'])?$_POST['content']=nl2br($_POST['content']):"";
    $_POST['time']=time();
    if($this->db->data($_POST)->add()>0){
     /*
     echo "添加成功";
     // echo "<script>location.reload()</script>";//防止刷新后的表单的重复提交
     Header("HTTP/1.1 303 See Other");
     Header("Location: ");   //转向到根目录
     exit;
     */
     $json['state']='ok';
     $json['data']=$this
         ->db
         ->table('data')
         ->where('id='.$this->db->last_insert_id())
         ->select();
    }else {

     $json['error']=$this->db->error();
     //die($this->db->error());//添加失败输出错误信息
    }
   }
   echo json_encode($json);
   //var_dump($_POST);
  }这是留言部分的代码,哈哈,这样就可以留言后直接就在页面看到效果,而不用刷新浏览器囖,效果漂亮多了 jquery+ajax就是牛X.哈

2.今天学习到的php 函数

[php] json_encode();

说明

string json_encode ( mixed $value [, int $options = 0 ] )

返回 value 值的 JSON 形式

empty() 如果值是空的话,返回真,有值就返回假,

time() 取得时间戳

mysql_insert_id() 返回上一次操作自增字段的id

json_encode(); 说明string json_encode ( mixed $value [, int $options = 0 ] )返回 value 值的 JSON 形式empty() 如果值是空的话,返回真,有值就返回假,
time() 取得时间戳
mysql_insert_id() 返回上一次操作自增字段的id

3.今天学习到的 javascript函数,这函数用于转换时间戳.

[javascript] function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
}
jquery的append（）用于加载到标签内最后面的HTML

prependTo（）加载HTML代码到标签的最前面

function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' ');
}
jquery的append（）用于加载到标签内最后面的HTML

prependTo（）加载HTML代码到标签的最前面

4.今天得到的经验ajax加载网页标签，后jquery特效会消失，所以在ajax加载网页标签后，要重新绑定 jquery的事件和函数。不然特效就没咯。

[javascript]

<PRE class=javascript name="code">

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

PHP與Python：了解差異Apr 11, 2025 am 12:15 AM

PHP和Python各有優勢，選擇應基於項目需求。 1.PHP適合web開發，語法簡單，執行效率高。 2.Python適用於數據科學和機器學習，語法簡潔，庫豐富。

php：死亡還是簡單地適應？Apr 11, 2025 am 12:13 AM

PHP不是在消亡，而是在不斷適應和進化。 1)PHP從1994年起經歷多次版本迭代，適應新技術趨勢。 2)目前廣泛應用於電子商務、內容管理系統等領域。 3)PHP8引入JIT編譯器等功能，提升性能和現代化。 4)使用OPcache和遵循PSR-12標準可優化性能和代碼質量。

PHP的未來：改編和創新Apr 11, 2025 am 12:01 AM

PHP的未來將通過適應新技術趨勢和引入創新特性來實現：1)適應云計算、容器化和微服務架構，支持Docker和Kubernetes；2)引入JIT編譯器和枚舉類型，提升性能和數據處理效率；3)持續優化性能和推廣最佳實踐。

您什麼時候使用特質與PHP中的抽像類或接口？Apr 10, 2025 am 09:39 AM

在PHP中，trait適用於需要方法復用但不適合使用繼承的情況。 1)trait允許在類中復用方法，避免多重繼承複雜性。 2)使用trait時需注意方法衝突，可通過insteadof和as關鍵字解決。 3)應避免過度使用trait，保持其單一職責，以優化性能和提高代碼可維護性。

什麼是依賴性注入容器（DIC），為什麼在PHP中使用一個？Apr 10, 2025 am 09:38 AM

依賴注入容器（DIC）是一種管理和提供對象依賴關係的工具，用於PHP項目中。 DIC的主要好處包括：1.解耦，使組件獨立，代碼易維護和測試；2.靈活性，易替換或修改依賴關係；3.可測試性，方便注入mock對象進行單元測試。

與常規PHP陣列相比，解釋SPL SplfixedArray及其性能特徵。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一種固定大小的數組，適用於需要高性能和低內存使用量的場景。 1)它在創建時需指定大小，避免動態調整帶來的開銷。 2)基於C語言數組，直接操作內存，訪問速度快。 3)適合大規模數據處理和內存敏感環境，但需謹慎使用，因其大小固定。

PHP如何安全地上載文件？Apr 10, 2025 am 09:37 AM

PHP通過$\_FILES變量處理文件上傳，確保安全性的方法包括：1.檢查上傳錯誤，2.驗證文件類型和大小，3.防止文件覆蓋，4.移動文件到永久存儲位置。

什麼是無效的合併操作員（??）和無效分配運算符（?? =）？Apr 10, 2025 am 09:33 AM

JavaScript中處理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。 1.??返回第一個非null或非undefined的操作數。 2.??=將變量賦值為右操作數的值，但前提是該變量為null或undefined。這些操作符簡化了代碼邏輯，提高了可讀性和性能。

See all articles