国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

基于jquery實(shí)現(xiàn)ajax無(wú)刷新評(píng)論

2019-11-20 10:03:12
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

jquery實(shí)現(xiàn)ajax無(wú)刷新評(píng)論需要用的技術(shù):(本次試驗(yàn)用的是“jquery-1.4.2.js”版本的jquery)

$.post("一般處理程序路徑",{以字典的形式傳遞參數(shù)},function(data,status){``````});
jquery中的基本選擇器操作;

首先創(chuàng)建數(shù)據(jù)庫(kù)“T_article”:

主鍵設(shè)置自增;

然后創(chuàng)建一個(gè)強(qiáng)類(lèi)型的DataSet。

接著創(chuàng)建一個(gè)“無(wú)刷新評(píng)論.aspx”頁(yè)面:

頁(yè)面代碼如下:

  <div>    <h2>文章:</h2>    <p>this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!    this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!    this a text!this a text!this a text!this a text!this a text!this a text!</p>    <ul id="pinglunlist">    </ul>  </div>  <textarea id="msg" style="margin-left:20px;" cols="40" rows="10"></textarea>  <input id="btnpinglun" type="button"    value="評(píng)論" />

然后創(chuàng)建兩個(gè)一般處理程序WSXPL.ashx(用來(lái)插入數(shù)據(jù)的處理程序)和WSXPL1.ashx(用來(lái)獲取所有評(píng)論數(shù)據(jù)的處理程序);

WSXPL.ashx中的代碼如下:

    public void ProcessRequest(HttpContext context)    {      context.Response.ContentType = "text/plain";      string msg = context.Request["msg"];      new T_articleTableAdapter().Insert(context.Request.UserHostAddress, msg, DateTime.Now); //創(chuàng)建一個(gè)強(qiáng)類(lèi)型的實(shí)例,然后調(diào)用Insert()函數(shù)插入;      context.Response.Write("ok");    }

WSXPL1.ashx中的代碼如下:

    public void ProcessRequest(HttpContext context)    {      context.Response.ContentType = "text/plain";      var datas = new T_articleTableAdapter().GetData(); //返回的是一個(gè)DataTable      StringBuilder sb = new StringBuilder(); //創(chuàng)建StringBuilder更加方便的搜集數(shù)據(jù)      foreach (var data in datas)   //用foreach方法遍歷DataTable      {//實(shí)現(xiàn)字符串的拼接;每行數(shù)據(jù)用$隔開(kāi),每行數(shù)據(jù)的每個(gè)元素用|隔開(kāi);有利于前臺(tái)解析數(shù)據(jù);        sb.Append(data.ipaddress).Append("|").Append(data.msg).Append("|").Append(data.posttime).Append("$");      }      context.Response.Write(sb);    }

做完這些步驟,操作數(shù)據(jù)庫(kù)的部分就已經(jīng)完成了。現(xiàn)在只要在前臺(tái)把一般處理程序返回的數(shù)據(jù)解析一下并附加的相應(yīng)的位置就可以了!

首先在前臺(tái)引用“jquery-1.4.2.js”jquery庫(kù);然后開(kāi)始編寫(xiě)js腳本;

$(function () {      $.post("WSXPL1.ashx", function (data, status) { //通過(guò)WSXPL1.ashx獲取所有的評(píng)論內(nèi)容        if (status == "success") {          var result = data.split("$");  //按照$分割字符串          for (var i = 0; i < result.length - 1; i++) {            var msg = result[i];            var line = msg.split("|");   //按照|分割字符串            var pinglun = $("<li>用戶ID:" + line[0] + "; 評(píng)論內(nèi)容:" + line[1] + "; 評(píng)論時(shí)間:" + line[2] + "</li>");            $("#pinglunlist").append(pinglun); //把得到的評(píng)論結(jié)果追加到ul元素上          }        }        else {          alert("ajax錯(cuò)誤!");        }      })      $("#btnpinglun").click(function () {  //設(shè)置btn事件        var msg = $("#msg").val();        $.post("ashx/WSXPL.ashx", { "msg": msg }, function (data, status) {          if (status == "success") {            if (data == "ok") {              $.post("WSXPL1.ashx", function (data, status) { //為了實(shí)現(xiàn)評(píng)論的時(shí)候評(píng)論內(nèi)容會(huì)自動(dòng)的添加到ul上                if (status == "success") {                  var result = data.split("$");                  var msg = result[result.length - 2];    //獲取最后一條評(píng)論                  var line = msg.split("|");                  var pinglun = $("<li>用戶ID:" + line[0] + "; 評(píng)論內(nèi)容:" + line[1] + "; 評(píng)論時(shí)間:" + line[2] + "</li>");                  $("#pinglunlist").append(pinglun);   //把最后一條評(píng)論追加到ul上                }                else {                  alert("ajax錯(cuò)誤!");                }              })              alert("評(píng)論成功!");            }            else {              alert("評(píng)論失敗!");            }          }        })      })    })

做完這些直接運(yùn)行就可以了!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 仙游县| 肃宁县| 全椒县| 精河县| 郓城县| 镇赉县| 扬州市| 晋宁县| 湟源县| 翁牛特旗| 揭东县| 阿尔山市| 敦化市| 灵台县| 达日县| 建水县| 南汇区| 楚雄市| 太仆寺旗| 剑河县| 瑞昌市| 永吉县| 西峡县| 米泉市| 庄河市| 兴业县| 介休市| 辉南县| 平山县| 连城县| 罗源县| 凤城市| 会同县| 临泽县| 安塞县| 舟山市| 泸溪县| 都安| 五常市| 当涂县| 长武县|