揭秘用jquery建立類Twitter站點的方法(3)_PHP教程
推薦:淺談基于UML的城軌列車超速防護系統建模摘要:分析I-Logix公司的Rhapsody軟件的主要特性在Rhapsody開發環境下對北京地鐵1號線的ATP系統車載設備進行UML建模,并介紹系統級調試功能。 統一建模語言UML(UnifiedModelingLanguage)是迄今為止最好的面向對象的統一建模語言,它取代了以往各種面向對象表示
第三步:用php配置mysql連接
在本教程中,我們建立一個配置文件用于保存數據庫配置信息,例如主機名、用戶名、密碼、數據庫名稱,等等。文件config.php如下:
以下為引用的內容: <?php // Configuration $dbhost = 'localhost'; $dbuser = 'root'; $dbpass = ''; $dbname = 'microblog'; $conn = mysql_connect ($dbhost, $dbuser, $dbpass) or die ('I cannot connect to the database because: ' . mysql_error()); |
在代碼中,mysql_connect()函數用于麗娜接mysql數據庫服務器。該函數有三個參數:主機名、用戶名和密碼。連接數據庫后,我們可以用函數mysql_select_db()查詢活動的數據庫,mysql_select_db()需要一個參數,數據庫名稱。
第四步:實現信息發布功能
發布和顯示消息是本教程的核心功能。我們將使用jquery庫來實現它。首先我們應在html頁面中包含jquery庫。
<script type=“text/javascript” src=“js/jquery.js”></script>
所有jquery代碼將被保存在main.js中,也應被包含在html頁面:
<script type=“text/javascript” src=“js/main.js”></script>
在main.js中,我們應在編寫jquery代碼之前定義函數$(document).ready()。
$(document).ready(function(){
//Place your codes here
});
實現發布新消息的ajax代碼如下:
$(document).ready(function(){
$.post("backend.php",{
message: $("#message").val(),
action: "postmsg"
}, function(xml) {
$("#comm").html("The latest Update: ");
addMessages(xml);
});
return false;
});
});
在代碼中,$post()函數用于通過ajax發布信息到后臺邏輯backend.php。返回數據是xml格式。addMessages()函數用于不刷新頁面顯示新更新的消息。
function addMessages(xml) {
message = $("message",xml).get(0);
$("#comments").prepend("<li><p class='info'>Added on Today:</p> <div class='body'>"
+ $("text",message).text() + "</div></li>");
$("#message").val("").focus();
}
返回數據是xml格式,從firebug中,我們能看到:
下面是該xml文件的一個例子:
那么,在上面的jquery代碼中,$(”text”,message).text()用于得到消息。請注意如何使用javascript/jquery得到xml文件節點的值。
分享:關于php的職業分析--如何成為一名優秀的phper最近經常有朋友跟我講,很想來學習php,但又不敢來學,為什么?說是有人跟他講,php沒前途,程序員一大把,php程序員日益呈現白菜價趨勢。我對我的朋友講:只要你有技術過硬的信心,你完全可以按照自己的職業規劃前行。 不錯,現在的php程序員很多,但這個群
- 相關鏈接:
- 教程說明:
PHP教程-揭秘用jquery建立類Twitter站點的方法(3)。