<html>
<head>
<title>ajax無重新整理添加與刪除資料</title>
<style>
body{
font-size:12px;
}
table{
border-collaps教程e:collapse;
}
</style>
</head>
<body>
為顯示更流暢,我們唯讀取資料庫教程內最新的10條資料.由於線上測試人數多.都在操作一個資料庫.可能會出現並發情況!
<hr/>
輸入內容:<input id="str" type="input" /> <input type="button" value="確定添加" onclick="add_post()"/>
<span id="msg" style="color:red"></span>
<table border="1"><!--該表格用來顯示資料內容-->
<tbody id="a"></tbody>
</table>
<span style="color:red">操作提示:請用按一下滑鼠你想要刪除的資料.然後點擊刪除按扭!</span>
<input id="hid_id" type="hidden" />
<input type="button" value="刪除資料" onclick="del_data()" />
<script type="text/網頁特效">
function ajax_xmlhttp(){
//在ie中建立xmlhttprequest,適用於ie5.0以上所有版本
var msxmlhttp = new array("msxml2.xmlhttp.5.0","msxml2.xmlhttp.4.0","msxml2.xmlhttp.3.0","msxml2.xmlhttp","microsoft.xmlhttp");
for(var i=0; i<msxmlhttp.length; i++){
try
{
_xmlhttp=new activexobject(msxmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //迴圈建立基於ie瀏覽器的xmlhttp.結束
//如果非ie瀏覽器,則建立基於firefox等瀏覽器的xmlhttprequest
if(!_xmlhttp && typeof xmlhttprequest != "undefined")
{
_xmlhttp=new xmlhttprequest();
}
return _xmlhttp;
}