基于jquery实现ajax无刷新评论

jquery实现ajax无刷新评论需要用的技术：（本次试验用的是“jquery-1.4.2.js”版本的jquery）

$.post("一般处理程序路径",{以字典的形式传递参数},function(data,status){``````}); jquery中的基本选择器操作；

首先创建数据库“T_article”：

主键设置自增；

然后创建一个强类型的DataSet。

接着创建一个“无刷新评论.aspx”页面：

页面代码如下：

文章：

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!

<input id="btnpinglun" type="button"
    value="评论" />
</pre>
</div>
<p>然后创建两个一般处理程序WSXPL.ashx（用来插入数据的处理程序）和WSXPL1.ashx（用来获取所有评论数据的处理程序）；</p>
<p>WSXPL.ashx中的代码如下：</p>
<div class="jb51code">
<pre class="brush:csharp;">
    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); //创建一个强类型的实例，然后调用Insert()函数插入；
      context.Response.Write("ok");
    }
</pre>
</div>
<p>WSXPL1.ashx中的代码如下：</p>
<div class="jb51code">
<pre class="brush:csharp;">
    public void ProcessRequest(HttpContext context)
    {
      context.Response.ContentType = "text/plain";
      var datas = new T_articleTableAdapter().GetData(); //返回的是一个DataTable
      StringBuilder sb = new StringBuilder(); //创建StringBuilder更加方便的搜集数据
      foreach (var data in datas)   //用foreach方法遍历DataTable
      {//实现字符串的拼接；每行数据用$隔开，每行数据的每个元素用|隔开；有利于前台解析数据；
        sb.Append(data.ipaddress).Append("|").Append(data.msg).Append("|").Append(data.posttime).Append("$");
      }
      context.Response.Write(sb);
    }
</pre>
</div>
<p>做完这些步骤，操作数据库的部分就已经完成了。现在只要在前台把一般处理程序返回的数据解析一下并附加的相应的位置就可以了！</p>
<p>首先在前台引用“jquery-1.4.2.js”jquery库；然后开始编写js脚本；
</p>
<div class="jb51code">
<pre class="brush:js;">
$(function () {
      $.post("WSXPL1.ashx",function (data,status) { //通过WSXPL1.ashx获取所有的评论内容
        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] + "； 评论内容：" + line[1] + "； 评论时间：" + line[2] + "</li>");
            $("#pinglunlist").append(pinglun); //把得到的评论结果追加到ul元素上
          }
        }
        else {
          alert("ajax错误！");
        }
      })
<pre><code>  $("#btnpinglun").click(function () {  //设置btn事件
    var msg = $("#msg").val();
    $.post("ashx/WSXPL.ashx",{ "msg": msg },status) {
      if (status == "success") {
        if (data == "ok") {
          $.post("WSXPL1.ashx",status) { //为了实现评论的时候评论内容会自动的添加到ul上
            if (status == "success") {
              var result = data.split("$");
              var msg = result[result.length - 2];    //获取最后一条评论
              var line = msg.split("|");
              var pinglun = $("<li>用户ID：" + line[0] + "； 评论内容：" + line[1] + "； 评论时间：" + line[2] + "</li>");
              $("#pinglunlist").append(pinglun);   //把最后一条评论追加到ul上
            }
            else {
              alert("ajax错误！");
            }
          })
          alert("评论成功！");
        }
        else {
          alert("评论失败！");
        }
      }
    })

})
})</code></pre>
</pre>
</div>
<p>做完这些直接运行就可以了！
以上就是本文的全部内容，希望对大家的学习有所帮助。</p><p class="text-muted" style="margin-top:20px;">版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。</p>
                            </div><div class="topcard-tags"><a href="https://www.jb51.cc/tag/wushuaxin/" class="tag_link" target="_blank">无刷新</a><a href="https://www.jb51.cc/tag/pinglun/" class="tag_link" target="_blank">评论</a></div></div>
                    </div>
                </div>
                <div class="row row-sm">
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <div class="card">
                            <h3>相关推荐</h3>
                            <hr />
<div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4759421.html" title="$.AJAX()方法中的PROCESSDATA参数">$.AJAX()方法中的PROCESSDATA参数</a></div>
                                <div class="summary">$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方法的时候参数processData默认为true(该方法为jQuery独有的) 默认情况下会将发送的数据序列化以适应默认的内容类型application/x-www-form-urlencoded 如果想发送不</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4759420.html" title="form表单提交的几种方式">form表单提交的几种方式</a></div>
                                <div class="summary">form表单提交的几种方式 表单提交方式一：直接利用form表单提交 html页面代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot; /&gt; &lt;title&gt;Ins</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747505.html" title="AJAX应用之注册用户即时检测">AJAX应用之注册用户即时检测</a></div>
                                <div class="summary">文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于注册名称的检测能即时显示。常见的用户注册是用户输入用户名，后台程序检测数据库中用户名是否重复而做出注册的成功与失败之提示（当用户注册重名时将返回重新注册），或者稍微人性化一点就是在用户名文本框后添加一个检测按钮，让用户检测后再做注册。以上操作，对于用户体验方面来说是比较“差劲”的，一个很好的用户体验就是：当用户输入完注册用户名后，Web系统应能即时检查并即时_用户注册 实时异步检测</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747504.html" title="详谈基于JSON的高级AJAX开发技术">详谈基于JSON的高级AJAX开发技术</a></div>
                                <div class="summary">文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在客户端和服务器之间创建复杂的JSON数据传输层。一、 引言毫无疑问，AJAX已经成为当今Web开发中一种强有力的用户交互技术，但是它的许多可能性应用仍然鲜为人知。在本文中，我们将来共同探讨如何 使用JavaScript对象标志(JSON)和JSON分析器在服务器和客户端AJAX引擎之间创建复杂而强有力的JSON数据传输层。我们将_ajax技术可行性</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747503.html" title="手写的ajax分页控件">手写的ajax分页控件</a></div>
                                <div class="summary">文章浏览阅读2.2k次。/**************************  创建XMLHttpRequest对象  **************************/function CreateRequest(){    var xmlObj = null;    try     {        xmlObj = new XMLHttpRequest();    }    catch(e)    {</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747502.html" title="AJAX中同时发送多个请求XMLHttpRequest对象处理方法">AJAX中同时发送多个请求XMLHttpRequest对象处理方法</a></div>
                                <div class="summary">文章浏览阅读3.7k次。在ajax应用中，通常一个页面要同时发送多个请求，如果只有一个XMLHttpRequest对象，前面的请求还未完成，后面的就会把前面的覆盖 掉，如果每次都创建一个新的XMLHttpRequest对象，也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池，如果池里有 空闲的对象，则使用此对象，否则将创建一个新的对象。下面是我最近写的一个简单的类：* XMLHttpReques_xmlhttprequest发送多个请求</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747501.html" title="Ajax 同一页面同时执行多个 XMLHTTP">Ajax 同一页面同时执行多个 XMLHTTP</a></div>
                                <div class="summary">文章浏览阅读3.1k次。Ajax 同一页面如何同时执行多个 XMLHTTP 呢，比如博客页，需要同时利用 Ajax 读取作者信息、文章信息、评论信息……我们的第一反应可能是创建多个全局 XMLHTTP 对象，但这并不现实。其实实现方式非常简单，就是给 onreadystatechange 对应的回调函数加上参数，以下代码是解决方案中一个函数中的一段代码。xmlhttp.open("GET", "ajax_proc_ajax响应多个mxl文件</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747500.html" title="简单介绍数据岛使用方法">简单介绍数据岛使用方法</a></div>
                                <div class="summary">文章浏览阅读1.5k次。数据岛指的是存在Html网页中的xml代码段，它在Html中形成了一个数据的集合，数据岛允许我们在Html网页中集成xml，对xml编写脚本.数据岛有它特有的形式，由标记xml开始，在开始标记中要有一个ID属性，用于指定该指定数据岛的名称。 (当然要以/xml结束).元素xml包含的内容就是xml代码。数据岛也分为2种：1）内嵌的数据岛形式2）外嵌的数据岛形式说了那么多废话，还_数据中岛计算模式</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747499.html" title="AJAX 框架 用 Asp.net ajax 还是 Jquery ?">AJAX 框架 用 Asp.net ajax 还是 Jquery ?</a></div>
                                <div class="summary">文章浏览阅读2.1k次。AJAX 流行之后，总想好好学习一下。但是众多的框架实在难以选择。说明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。刚开始学了 JQuqery， 众多的 $get(),...等等符号早已把我搞晕了。暂时就放弃了。后来学习 ASP.NET AJAX ，在微软的领导下，逐渐由服务器端转向客户端编程。 激起我客户端编程的兴趣，才想起学习一下了 Jquery.       随着WEB2._jquery ajax asp.net 认证</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747498.html" title="轻便的XMLHttpRequest应用函数：downloadUrl()">轻便的XMLHttpRequest应用函数：downloadUrl()</a></div>
                                <div class="summary">文章浏览阅读1.7k次。前段时间在用google map api的函数库的时候，发现里面的downloadUrl函数非常好用，所以自己写了一个。用腻了那些什么框架什么池，到头来发现越简单的东西越是适合我这种懒人。downloadUrl(url, callback, data);参数说明： url不用说了; callback是回调函数，函数调用的时候会有两个参数：data, responseCode，data就_xmlhttprequest downloadurl</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747497.html" title="利用XMLHTTP无刷新自动实时更新数据">利用XMLHTTP无刷新自动实时更新数据</a></div>
                                <div class="summary">文章浏览阅读956次。前些时间写了几篇关于XMLHTTP运用的实例.(可以到http://dev.csdn.net/user/wanghr100看之前的几编关于XMLHTTP的介绍.)近来看论坛上经常有人提问关于如何无刷新,自动更新数据.传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来.但是,对于一些时效性很强的网站.传统的这种做法是不能满足的.我们可以让程序自动刷新.定时_后端xml怎么实现数据有救新增,没有就更新</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747496.html" title="AJAX设计模式 XMLHttpRequest调用">AJAX设计模式 XMLHttpRequest调用</a></div>
                                <div class="summary">文章浏览阅读3.3k次。 XMLHttpRequest调用XMLHttpRequest Call ●●●调用，回调，下载，抓取，实时，查询，远程通信（Remoting），远程通信脚本（RemoteScripting），同步，上传，XMLHttpRequest图6-2：XMLHttpRequest调用 目标故事Reta正在一个批发商网站上购买商品。每次她添加一个商品到购物车时，web站点发出_createxmlhttpre</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747495.html" title="用javascript动态更改DropDownList下拉项">用javascript动态更改DropDownList下拉项</a></div>
                                <div class="summary">文章浏览阅读1.3k次。function clearitem(){ var drp1 = document.getElementById("drp1");        while(drp1.options.length>0)        {           drp1.options.remove(0);        } }//动态更改方法（根据城市代码取得该市商业区并添加到DropDownList中_dropdownlist根據動態變化</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747494.html" title="微調一下 Json.net ，讓他可以序列基本型別">微調一下 Json.net ，讓他可以序列基本型別</a></div>
                                <div class="summary">文章浏览阅读1.9k次。因為 Json.net 是有附原始碼的，他也附了單元測試的專案，底下是我額外增加的UnitTest，我的目標就是讓底下的測試可以pass，而且原來的Test 也要都能通過。 ValueTypeTest.csusing System;using NUnit.Framework;namespace Newtonsoft.Json.Test {	[TestFixture]	public cl_vb 無效的 json 基本型別</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747493.html" title="利用XMLHTTP无刷新获取数据">利用XMLHTTP无刷新获取数据</a></div>
                                <div class="summary">文章浏览阅读844次。利用XMLHTTP无刷新获取数据. 客户端和服务器端数据的交互有几种方法.1.提交,通过提交到服务器端.也称"有刷新"吧.2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧.利用XMLHTTP我们可以实现很多很强大的应用.这文章主要介绍它的一些简单的应用.附:因为XMLHTTP是IE5.0+支持的对象.所以你必须要有IE5.0+才能看到效果.client.htm_xmlhttp取源码没有更新</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747492.html" title=".Net 底下，Json 相關套件的限制">.Net 底下，Json 相關套件的限制</a></div>
                                <div class="summary">文章浏览阅读1.8k次。Json.Net 無法序列基本型別(string, int)，Asp.Net Ajax 無法正確序列日期，AjaxPro序列出我不想要的_type字串 1. Json.Net 是我最常使用的序列/反序列json套件，標榜速度快，對於一對多關係的object 也都能正常運作, 己能滿足我平日的需要，但前幾天突然有個情況，我要序列的是一個泛型參數，該參數不一定是物object型別，有可能是st_token string in state start</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747491.html" title="编写组件，使用JavaScript更新UpdatePanel (转载)">编写组件，使用JavaScript更新UpdatePanel (转载)</a></div>
                                <div class="summary">文章浏览阅读1.3k次。转载自：http://www.cnblogs.com/JeffreyZhao/archive/2007/01/31/update_the_updatepanels_by_js.html众 所周知，UpdatePanel是通过Trigger来更新的。被设定为Trigger的控件在PostBack之后会被客户端所截获，并且使用 XMLHttpRequest对象发送内容，然后服务器端由ScriptMan_web.ui.updatepanel 和 updatepanel 的区别</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747490.html" title="无刷新网页——数据岛技术应用">无刷新网页——数据岛技术应用</a></div>
                                <div class="summary">文章浏览阅读1.9k次。有些时候，只是需要更新页面的一个部分甚至只是更新中间的几个数据却需要从服务器DOWN整个页面，导致各种资源的浪费。使用数据岛技术可以很好的解决这个问题：通过定时器或用户事件触发数据岛（XML对象）象服务器获取数据，在数据获取完成后，适时更新相关数据。示例HTML部分：http://localhost/WebService/LoadData/FeaturedService.asmx/GetScore_web数据岛</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747489.html" title="构建pool管理无刷新页面的xmlhttp对象">构建pool管理无刷新页面的xmlhttp对象</a></div>
                                <div class="summary">文章浏览阅读1k次。在页面上使用ActiveXObject的代价是很大的，如果我们的无刷新页面使用xmlhttp技术，我们或许需要频繁的建立xmlhttp对象，当然 我们也可以使用全局变量来cache一个xmlhttp对象实例。但是这样的方法适合于同步方式xmlhttp通信，而对于异步方式xmlhttp通信将 会出现问题。由于没有了进程的堵塞，用户可能再次调用同一个xmlhttp实例，如果这时前一个通信未完成，那么就</div>
                            </div><div class="list_con">
                                <div class="title"><a href="https://www.jb51.cc/ajax/4747488.html" title="Lightbox JS v2.0">Lightbox JS v2.0</a></div>
                                <div class="summary">文章浏览阅读998次。 by Lokesh Dhakar 译: croc查看原文概要：Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.最新更新 Version 2.0    图片集: 分组相关的图片并且能轻松的导航它们      视觉特效: 奇特的自适应调整      向后兼容: yes! 点击这里查看实例_on lightbox 2 by lokesh dhakar</div>
                            </div></div>
                    </div>
</div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-3">
              
          <div class="row row-sm">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="card">

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-4605373693034661"
     data-ad-slot="7541177540"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
              </div>
            </div>
          </div>
          
          <div class="row row-sm">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="card">
                  <label class="main-content-label ">热门文章</label>
    <ul class="n-list"><li><a href="https://www.jb51.cc/ajax/4759421.html" title="$.AJAX()方法中的PROCESSDATA参数">• $.AJAX()方法中的PROCESSDATA参数</a></li><li><a href="https://www.jb51.cc/ajax/4759420.html" title="form表单提交的几种方式">• form表单提交的几种方式</a></li><li><a href="https://www.jb51.cc/ajax/4747505.html" title="AJAX应用之注册用户即时检测">• AJAX应用之注册用户即时检测</a></li><li><a href="https://www.jb51.cc/ajax/4747504.html" title="详谈基于JSON的高级AJAX开发技术">• 详谈基于JSON的高级AJAX开发技术</a></li><li><a href="https://www.jb51.cc/ajax/4747503.html" title="手写的ajax分页控件">• 手写的ajax分页控件</a></li><li><a href="https://www.jb51.cc/ajax/4747502.html" title="AJAX中同时发送多个请求XMLHttpRequest对象处理方法">• AJAX中同时发送多个请求XMLHttpRequest…</a></li><li><a href="https://www.jb51.cc/ajax/4747501.html" title="Ajax 同一页面同时执行多个 XMLHTTP">• Ajax 同一页面同时执行多个 XMLHTTP</a></li><li><a href="https://www.jb51.cc/ajax/4747500.html" title="简单介绍数据岛使用方法">• 简单介绍数据岛使用方法</a></li><li><a href="https://www.jb51.cc/ajax/4747499.html" title="AJAX 框架 用 Asp.net ajax 还是 Jquery ?">• AJAX 框架 用 Asp.net ajax 还是 Jquer…</a></li><li><a href="https://www.jb51.cc/ajax/4747498.html" title="轻便的XMLHttpRequest应用函数：downloadUrl()">• 轻便的XMLHttpRequest应用函数：downlo…</a></li></ul>
              </div>
            </div>
          </div>
          <div class="row row-sm">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="card">
                  <label class="main-content-label ">最新文章</label>
    <ul class="n-list"><li><a href="https://www.jb51.cc/ajax/4759421.html" title="$.AJAX()方法中的PROCESSDATA参数">• $.AJAX()方法中的PROCESSDATA参数</a></li><li><a href="https://www.jb51.cc/ajax/4759420.html" title="form表单提交的几种方式">• form表单提交的几种方式</a></li><li><a href="https://www.jb51.cc/ajax/4747505.html" title="AJAX应用之注册用户即时检测">• AJAX应用之注册用户即时检测</a></li><li><a href="https://www.jb51.cc/ajax/4747504.html" title="详谈基于JSON的高级AJAX开发技术">• 详谈基于JSON的高级AJAX开发技术</a></li><li><a href="https://www.jb51.cc/ajax/4747503.html" title="手写的ajax分页控件">• 手写的ajax分页控件</a></li><li><a href="https://www.jb51.cc/ajax/4747502.html" title="AJAX中同时发送多个请求XMLHttpRequest对象处理方法">• AJAX中同时发送多个请求XMLHttpRequest…</a></li><li><a href="https://www.jb51.cc/ajax/4747501.html" title="Ajax 同一页面同时执行多个 XMLHTTP">• Ajax 同一页面同时执行多个 XMLHTTP</a></li><li><a href="https://www.jb51.cc/ajax/4747500.html" title="简单介绍数据岛使用方法">• 简单介绍数据岛使用方法</a></li><li><a href="https://www.jb51.cc/ajax/4747499.html" title="AJAX 框架 用 Asp.net ajax 还是 Jquery ?">• AJAX 框架 用 Asp.net ajax 还是 Jquer…</a></li><li><a href="https://www.jb51.cc/ajax/4747498.html" title="轻便的XMLHttpRequest应用函数：downloadUrl()">• 轻便的XMLHttpRequest应用函数：downlo…</a></li></ul>
              </div>
            </div>
          </div>
          
          <div class="row row-sm">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <div class="card">
                <label class="main-content-label ">热门标签<a href="https://www.jb51.cc/all" class="pull-right">更多</a>
                </label>
                <div class="topcard-tags"><a href="https://www.jb51.cc/tag/python/" title="python">python</a><a href="https://www.jb51.cc/tag/JavaScript/" title="JavaScript">JavaScript</a><a href="https://www.jb51.cc/tag/java/" title="java">java</a><a href="https://www.jb51.cc/tag/HTML/" title="HTML">HTML</a><a href="https://www.jb51.cc/tag/PHP/" title="PHP">PHP</a><a href="https://www.jb51.cc/tag/reactjs/" title="reactjs">reactjs</a><a href="https://www.jb51.cc/tag/C/" title="C#">C#</a><a href="https://www.jb51.cc/tag/Android/" title="Android">Android</a><a href="https://www.jb51.cc/tag/CSS/" title="CSS">CSS</a><a href="https://www.jb51.cc/tag/Nodejs/" title="Node.js">Node.js</a><a href="https://www.jb51.cc/tag/sql/" title="sql">sql</a><a href="https://www.jb51.cc/tag/rp/" title="r">r</a><a href="https://www.jb51.cc/tag/python3x/" title="python-3.x">python-3.x</a><a href="https://www.jb51.cc/tag/MysqL/" title="MysqL">MysqL</a><a href="https://www.jb51.cc/tag/jQuery/" title="jQuery">jQuery</a><a href="https://www.jb51.cc/tag/c4343/" title="c++">c++</a><a href="https://www.jb51.cc/tag/pandas/" title="pandas">pandas</a><a href="https://www.jb51.cc/tag/flutter/" title="Flutter">Flutter</a><a href="https://www.jb51.cc/tag/angular/" title="angular">angular</a><a href="https://www.jb51.cc/tag/IOS/" title="IOS">IOS</a><a href="https://www.jb51.cc/tag/django/" title="django">django</a><a href="https://www.jb51.cc/tag/linux/" title="linux">linux</a><a href="https://www.jb51.cc/tag/swift/" title="swift">swift</a><a href="https://www.jb51.cc/tag/typescript/" title="typescript">typescript</a><a href="https://www.jb51.cc/tag/luyouqi/" title="路由器">路由器</a><a href="https://www.jb51.cc/tag/JSON/" title="JSON">JSON</a><a href="https://www.jb51.cc/tag/luyouqishezhi/" title="路由器设置">路由器设置</a><a href="https://www.jb51.cc/tag/wuxianluyouqi/" title="无线路由器">无线路由器</a><a href="https://www.jb51.cc/tag/h3c/" title="h3c">h3c</a><a href="https://www.jb51.cc/tag/huasan/" title="华三">华三</a><a href="https://www.jb51.cc/tag/huasanluyouqishezhi/" title="华三路由器设置">华三路由器设置</a><a href="https://www.jb51.cc/tag/huasanluyouqi/" title="华三路由器">华三路由器</a><a href="https://www.jb51.cc/tag/diannaoruanjianjiaocheng/" title="电脑软件教程">电脑软件教程</a><a href="https://www.jb51.cc/tag/arrays/" title="arrays">arrays</a><a href="https://www.jb51.cc/tag/docker/" title="docker">docker</a><a href="https://www.jb51.cc/tag/ruanjiantuwenjiaocheng/" title="软件图文教程">软件图文教程</a><a href="https://www.jb51.cc/tag/C/" title="C">C</a><a href="https://www.jb51.cc/tag/vuejs/" title="vue.js">vue.js</a><a href="https://www.jb51.cc/tag/laravel/" title="laravel">laravel</a><a href="https://www.jb51.cc/tag/springboot/" title="spring-boot">spring-boot</a></div>
              </div>
            </div>
          </div>
          
                <div class="row row-sm rbox">
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <div class="card">

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-4605373693034661"
     data-ad-slot="7541177540"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
                        </div>
                    </div>
                </div>
</div>
        </div>
    </div>
    <footer id="footer">
    <div class="container" style="width:1440px;">
        <div class="row hidden-xs">
            <div class="col-sm-12 col-md-9 col-lg-9 site-link">
                <ul class="list-inline">
                    <li>友情链接:</li><li><a href="https://www.runoob.com/" title="菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。" target="_blank" rel="nofollow">菜鸟教程</a></li><li><a href="https://ai.jb51.cc/" title="ai导航是编程之家旗下ai方向的ai资讯、ai工具类集合导航站。" target="_blank" rel="nofollow">ai导航</a></li></ul>
                <ul class="list-inline">
                    <li><a href="https://www.jb51.cc" title="编程之家">编程之家</a></li>-<li><a href="https://t5m44pq3f7.jiandaoyun.com/f/638ca61b7b079a000a5d2dd6" rel="nofollow" title="我要投稿" target="_blank">我要投稿</a></li>-<li><a target="_blank" rel="nofollow" href="https://t5m44pq3f7.jiandaoyun.com/f/638ca8c69ad234000a79561f" title="广告合作">广告合作</a></li>-<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=76874919&site=qq&menu=yes">联系我们</a></li>-<li><a href="https://www.jb51.cc/disclaimers.html" title="免责声明">免责声明</a></li>-<li><a href="https://www.jb51.cc/sitemap/all/index.xml" title="网站地图" target="_blank">网站地图</a></li>
                </ul>
                <div>版权所有 © 2018编程之家<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备13020303号-8</a>
                </div>
            </div>
            <div class="col-sm-12 col-md-3 col-lg-3"><img src="https://www.jb51.cc/qrcode.jpg" width="90" alt="微信公众号搜索 “ 程序精选 ” ，选择关注！">
                <div class="pull-right">微信公众号搜<span class="text-danger">"程序精选"</span>关注<br />微信扫一扫可直接关注哦！</div>
            </div>
        </div>
    </div>
</footer>
<script src="https://www.jb51.cc/js/count.js"></script>
    
</body>
</html>