好湿?好紧?好多水好爽自慰,久久久噜久噜久久综合,成人做爰A片免费看黄冈,机机对机机30分钟无遮挡

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

ajax無刷新評論功能

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

這是留言板的界面,當用戶點擊提交留言的時候,自動提交到我的留言下面

留言內容中為空,或者為灰色的“沒有填寫留言內容”都會彈出 請填寫留言內容,當用戶填寫信息的會在右下角顯示當前留言的字數。

下面是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("沒有填寫留言內容"); 
    return false; 
  } 
  replaceBrackets("txtMessage"); 
  return true; 
}); 
 
$("#txtMessage").focus(function () { 
  if ($("#txtMessage").val() == "沒有填寫留言內容") { 
    document.getElementById("txtMessage").style.color = "#000000"; 
    $("#txtMessage").val(""); 
  } 
}); 
 
function txtanum(id, name)  //統計txta的輸入字數 
{ 
  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() == "沒有填寫留言內容" || $.trim($("#txtMessage").val()) == "") { 
    alert("請輸入留言內容!"); 
    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("沒有填寫留言內容"); 
      }  
    } 
  }); 
  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); 
  } 
 
}); 

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

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

標簽:益陽 銅川 玉樹 內江 四川 本溪 營口 遼寧

巨人網絡通訊聲明:本文標題《ajax無刷新評論功能》,本文關鍵詞  ajax,無,刷新,評論,功能,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ajax無刷新評論功能》相關的同類信息!
  • 本頁收集關于ajax無刷新評論功能的相關信息資訊供網民參考!
  • 推薦文章