用AJAX實現發表評論的添加與顯示

<script>
<!--
/*
 初始化一個xmlhttp對象
*/
function InitAjax()
{
 var ajax=false;
 try {
  ajax = new ActiveXObject("Msxml2.XMLHTTP");
 } catch (e) {
  try {
   ajax = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (E) {
   ajax = false;
  }
 }
 if (!ajax && typeof XMLHttpRequest!='undefined') {
  ajax = new XMLHttpRequest();
 }
 return ajax;
}
/*提交*/
function saveUserInfo()
{
 if(document.frm_comment.comment.value=="")
       {
      alert('請輸入評論的內容!');
   return false;
    }
//獲取接受返回信息層
 var msg = document.getElementById("ComList");
//alert('www');
 //獲取表單對象和用戶信息值
 var f = document.frm_comment;
 var strWriter = f.strWriter.value;
  var strPassword = f.strPassword.value;
 var comment = f.comment.value;
  var indent = f.indent.value;
 var MusicID = f.MusicID.value;
 //接收表單的URL地址
 var url = "AddComment.asp?idWriter=7715780&Key=495320293";
 //需要POST的值,把每個變量都通過&來聯接
 var postStr = "indent="+ escape(indent) +"&content="+ escape(comment) +"&strWriter="+ escape(strWriter)+"&strPassword="+

escape(strPassword) +"&MusicID="+ escape(MusicID);
 //實例化Ajax
 var ajax = InitAjax(); 
 //通過Post方式打開連接
 ajax.open("POST", url, true);
 //定義傳輸的文件HTTP頭信息,這一行不能少哦^_^
 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
 //發送POST數據
 ajax.send(postStr);
 //獲取執行狀態
 ajax.onreadystatechange = function() {
  //如果執行狀態成功,那麼就把返回信息寫到指定的層裏
  if (ajax.readyState == 4 && ajax.status == 200) {
   msg.innerHTML = ajax.responseText;
  }
 }
 document.frm_comment.comment.value=""
}


function checkform()
{
 if(document.frm_comment.comment.value=="")
 {
  alert('留言內容不能爲空!');
  return false;
 }
}
-->
</script>
<script language="javascript">
function checkform()
{
    if (document.form_login.user_login_name.value=='')
      {
         alert("請輸入登錄名!");
         document.form_login.user_login_name.focus();
         return false;
      }
    if (document.form_login.user_login_password.value=='')
      {
         alert("請輸入密碼!");
         document.form_login.user_login_password.focus();
         return false;
      }
}
</script>

<div id="msg" name="msg"></div>

<!--發表評論開始 -->
<form name="frm_comment" id="frm_comment" method="post" action="" οnsubmit="return checkform()">
作者:<font color=>Wintalen</font><input type='hidden' name='strWriter' value='Wintalen'><input type='hidden' name='strPassword'  value=''>
<table width="72%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 10px 10px 10px;">
<textarea name="comment" cols="60" rows="5"></textarea>
</td>
</tr>
<tr>
<td style="padding-right:10px; text-align:right">
段首縮進兩個漢字:<input type="checkbox" name="indent" value="1" checked>
<input type="hidden" name="MusicID" value="73">
<input name="submit1" type="button" id="submit1" value="提交" οnclick="saveUserInfo()" class="inputButton">
</td>
</tr>
</table>
</form>
<!--發表評論結束 --> 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章