主頁 > 知識庫 > ajax無刷新評論功能

ajax無刷新評論功能

熱門標(biāo)簽:中國地圖標(biāo)注不明確情況介紹表 立陶宛地圖標(biāo)注 大眾點(diǎn)評400電話怎么申請 電銷機(jī)器人 長春 地圖標(biāo)注推銷坑人 怎樣在地圖標(biāo)注文字 河間市地圖標(biāo)注app 上海企業(yè)外呼系統(tǒng)價錢 東平縣地圖標(biāo)注app

這是留言板的界面,當(dāng)用戶點(diǎn)擊提交留言的時候,自動提交到我的留言下面

留言內(nèi)容中為空,或者為灰色的“沒有填寫留言內(nèi)容”都會彈出 請?zhí)顚懥粞詢?nèi)容,當(dāng)用戶填寫信息的會在右下角顯示當(dāng)前留言的字?jǐn)?shù)。

下面是javascript的代碼

//去掉左右尖括號 并用去掉空格后的字符串替代顯示 
function replaceBrackets(id) { 
  var inputValue = $("#" + id).val(); 
  while (inputValue.indexOf("") != -1) { 
    inputValue = inputValue.replace("", "["); 
  } 
  while (inputValue.indexOf(">") != -1) { 
    inputValue = inputValue.replace(">", "]"); 
  } 
  while (inputValue.indexOf("") != -1) { 
    inputValue = inputValue.replace("", " "); 
  } 
  $("#" + id).val(inputValue); 
} 
 
function replaceChar(name, char) { 
  var inputValue = $("#" + name).val(); 
  while (inputValue.indexOf(char) != -1) { 
    inputValue = inputValue.replace(char, ""); 
  } 
  return inputValue; 
} 
 
$("#txtMessage").blur(function () { 
  $("#txtMessage").val(replaceChar("txtMessage", "!--")); 
  if ($("#txtMessage").val() == "") { 
    document.getElementById("txtMessage").style.color = "#8C8C8C"; 
    $("#txtMessage").val("沒有填寫留言內(nèi)容"); 
    return false; 
  } 
  replaceBrackets("txtMessage"); 
  return true; 
}); 
 
$("#txtMessage").focus(function () { 
  if ($("#txtMessage").val() == "沒有填寫留言內(nèi)容") { 
    document.getElementById("txtMessage").style.color = "#000000"; 
    $("#txtMessage").val(""); 
  } 
}); 
 
function txtanum(id, name)  //統(tǒng)計(jì)txta的輸入字?jǐn)?shù) 
{ 
  var maxl = 151; 
  var num = 150; 
  var content = $("#" + id).val(); 
  content.slice(0, maxl); 
  var nowlength = content.length; 
  if (nowlength >= 0) { 
    if (nowlength  num) 
      $("#" + name).text(nowlength); 
    else 
      $("#" + name).text(num); 
  } else 
    $("#" + id).val(content.substring(0, maxl - 1)); 
 
  if (nowlength == 0) 
    $("#" + name).text(0); 
 
  if (nowlength > num) 
    $("#" + id).val(content.substring(0, num)); 
} 
 
 
var isSubmit = false; 
$('#subMessage').click(function () { 
 
  if (isSubmit) { 
    return; 
  } 
  isSubmit = true; 
  if ($("#txtMessage").val() == "沒有填寫留言內(nèi)容" || $.trim($("#txtMessage").val()) == "") { 
    alert("請輸入留言內(nèi)容!"); 
    isSubmit = false; 
    return; 
  } 
  $.ajax({ 
    type: "POST", 
    url: app_param.path_context+"/user/member/msgboard/save", 
    data: { "context": ($("#txtMessage").val()) }, 
    error: function () { 
      isSubmit = false; 
    }, 
    success: function (data) { 
      if (data) { 
        addRow(data); 
        isSubmit=false; 
       $('#zanwu').hide(); 
        document.getElementById("txtMessage").style.color = "#8C8C8C"; 
    $("#txtMessage").val("沒有填寫留言內(nèi)容"); 
      }  
    } 
  }); 
  function addRow(messageboard) { 
    var table = $("#tblmsg"); 
    var html = []; 
    html.push("tr>"); 
    html.push("td class='m_time'>"); 
    html.push(messageboard.createDate); 
    html.push("/td>"); 
    html.push("td>"); 
    html.push(messageboard.context); 
    html.push("/td>"); 
    html.push("td style='border-right: 0;' class='m_order_procz'>"); 
    html.push("a class='xxx' href='messagereply/"+messageboard.id+"'>查看/a>"); 
    html.push("/td>"); 
    html.push("/tr>"); 
    html = html.join(''); 
    table.append(html); 
  } 
 
}); 

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • 純JS實(shí)現(xiàn)AJAX局部刷新功能
  • AJAX如何實(shí)現(xiàn)無刷新登錄功能
  • ajax的分頁查詢示例(不刷新頁面)
  • Ajax解決多余刷新的兩種方法(總結(jié))

標(biāo)簽:益陽 銅川 玉樹 內(nèi)江 四川 本溪 營口 遼寧

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ajax無刷新評論功能》,本文關(guān)鍵詞  ajax,無,刷新,評論,功能,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ajax無刷新評論功能》相關(guān)的同類信息!
  • 本頁收集關(guān)于ajax無刷新評論功能的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章