ljx1619

五种常见 Ajax 模式（二）

[size=large][b]模式 2. 读取 XML 数据[/b][/size]

出于某些原因，Ajax 已成为 XML 的同义词，尽管 XML 不是绝对必要的。从上面几个例子可以看出，您完全可以返回简单的文本甚至是 HTML 片段 —— 或者 Extensible HTML（XHTML）—— 代码。但是发送 XML 自有其优势所在。

清单 8 显示的 Ajax 代码首先向服务器请求图书记录，然后将数据显示在页面内的表格中。


清单 8. Pat2_xml.html













  Author   Title

清单 9 显示了该页面的数据。


清单 9. Pat2_xml_data.xml


  
    Jack Herrington
    Code Generation in Action
  
  
    Jack Herrington
    Podcasting Hacks
  
  
    Jack Herrington
    PHP Hacks

在浏览器中加载页面时，我看到了如图 6 所示的结果。

图 6. XML 显示页面
[img]http://dl.iteye.com/upload/attachment/148921/8cdbf877-ca25-39e3-92d6-4fdbf735c588.jpg[/img]

此页面和上一个模式中显示的页面之间最大的区别就是 processReqChange 函数，这里没有使用 responseText，而是 responseXML，这是一个 XML 文档对象模型（Document Object Model，DOM），该模型只有在来自服务器的响应是正确编码的 XML 时才是可用的。

通过使用 responseXML，我请求了 XML 文档的标记的列表。然后分别从中获取和 <author> 元素。接下来，为每本书向表中添加一行，再为每行添加包含作者和题目数据的单元格。 <br> <br>这是 XML 数据的最基本应用。更复杂的 JavaScript 代码可以执行客户端排序或根据返回的数据进行搜索。 <br> <br>遗憾的是，传递 XML 数据的缺点是需要浏览器多花费一些时间来解析整个 XML 文档。同样，JavaScript 代码在 XML 中查找数据也很复杂（参见清单 8）。一个替代办法是从服务器请求 JavaScript 代码。 <br> <br>[size=large][b]模式 3. 读取 JavaScript 数据[/b][/size] <br> <br>从服务器请求 JavaScript 数据这种技术通常用于 JavaScript Object Notation（JSON）这种良好的代码。返回 JavaScript 数据的优点就是能够使浏览器高效地解析并创建使用起来更加简单的 JavaScript 数据结构。 <br> <br>让我们将清单 8 中从服务器读取 XML 的代码修改为从服务器读取 JavaScript 数据的代码。新代码如清单 10 所示。 <br> <br> <pre><code class="language-java"><br>清单 10. Pat3_js.html<br><br><html><head><script><br>var req = null;<br>function processReqChange() {<br> if (req.readyState == 4 && req.status == 200 ) {<br> var dtable = document.getElementById( 'dataBody' );<br> var books = eval( req.responseText );<br> for( var b in books ) {<br> var elTr = dtable.insertRow( -1 );<br><br> var elAuthorTd = elTr.insertCell( -1 );<br> elAuthorTd.innerHTML = books[b].author;<br><br> var elTitleTd = elTr.insertCell( -1 );<br> elTitleTd.innerHTML = books[b].title;<br>} } }<br><br>...<br></code></pre> <br> <br> <br>所有的 HTML 代码保持不变。processReqChange 函数仅仅更改为读取 eval 从而从服务器返回 JavaScript 数据。该函数随后使用 eval 的 JavaScript 对象作为数据源，后者又将其添加到表中。 <br> <br>清单 11 显示了来自服务器的 JavaScript 数据。 <br> <br> <pre><code class="language-java"><br>清单 11. Pat3_js_data.js<br><br>[ { author: 'Jack Herrington', title: 'Code Generation in Action' },<br>{ author: 'Jack Herrington', title: 'Podcasting Hacks' },<br>{ author: 'Jack Herrington', title: 'PHP Hacks' }<br>]<br></code></pre> <br> <br> <br>为什么众多 Ajax 应用程序工程师更喜欢使用 JavaScript 代码而不是 XML 来对数据编码？答案很明显。JavaScript 代码更容易读取和管理，并且也更容易被浏览器处理。 <br> <br>收集和显示所有的数据之后，即可看到 Ajax 的重点就是显示当前数据 —— 当前最重要的部分。那么，如何保证总是能够从服务器获得最新的数据呢？ <br> <br> <br>[size=large][b]模式 4. 避免浏览器缓存[/b][/size] <br> <br> <br>浏览器会尝试化 Web 流量，所以如果您对同一个 URL 请求两次，很可能还不如重新请求一次页面，您的浏览器将仅仅使用浏览器缓存中存储的页面。所以，Ajax 应用程序中另一个常见模式是使用 URL 中的随机元素来保证浏览器不会返回一个缓存的结果。 <br> <br>我最喜欢的技巧就是向 URL 添加当前时间的数字值。清单 12 展示了这一技巧。 <br> <br> <pre><code class="language-java"><br>清单 12. Pat4_cache.html<br><br><html><br><script><br>...<br><br>function loadUrl( url ) {<br> url = url + "?t="+((new Date()).valueOf());<br> ...<br>}<br><br>...<br></code></pre> <br> <br> <br>代码取自清单 1，对 URL 字符串执行了一些额外的 JavaScript 文本操作。我将 URL 连接到一个新的参数 t，它具有一个时间值。服务器是否能识别这个值实际上并不重要。这只不过是用来确保浏览器忽视其基于 URL 的页面缓存。 <br> <br> <br>[size=large][b]模式 5. 替换多个 HTML 片段[/b][/size] <br> <br>最后要演示的这个模式是第一个模式的高级版本：包含来自服务器内容的 <div> 标记的替代物。Web 应用程序中的一个常见问题是在响应用户输入时，必须更新显示页面中的一些区域。举例来说，在一个股票报价应用程序中，显示页面的一部分可能会展示最近的报价，而另一部分则显示最近报价的列表。 <br> <br>为更新显示页面中的多个区域，我使用了服务器的 XML 响应，它包含每个部分的数据。然后，使用一个正则表达式将响应分解为单个部分。清单 13 显示了这种技巧。 <br> <br> <pre><code class="language-java"><br>清单 13. Pat5_multi_segment.html<br><br><html><br><head><br><script><br>var req = null;<br>function processReqChange() {<br> if (req.readyState == 4 && req.status == 200 ) {<br> var one = req.responseText.match( /\<one\>(.*?)\<\/one\>/ );<br> document.getElementById( 'divOne' ).innerHTML = one[1];<br> var two = req.responseText.match( /\<two\>(.*?)\<\/two\>/ );<br> document.getElementById( 'divTwo' ).innerHTML = two[1];<br>} }<br><br>function loadXMLDoc( url ) { ... }<br><br>var url = window.location.toString();<br>url = url.replace( /pat5_multi_segment.html/, 'pat5_data.xml' );<br>loadXMLDoc( url );<br></script><br></head><br><body><br><br>This is the content for segment one:<br/><br><div id="divOne" style="border:1px solid black;padding:10px;"><br></div><br>And segment two:<br/><br><div id="divTwo" style="border:1px solid black;padding:10px;"><br></div><br><br></body><br></html><br></code></pre> <br> <br> <br>清单 14 展示了来自服务器的数据。 <br> <br> <pre><code class="language-java"><br>清单 14. Pat5_data.xml<br><br><segments><br> <one>Content for segment one</one><br> <two>Content for segment <b>two</b></two><br></segments><br></code></pre> <br> <br> <br>在浏览器中加载这段代码时，将看到图 7 所示的结果。 <br> <br> <br>图 7. 使用服务器的数据更新显示页面中的两部分 <br>[img]http://dl.iteye.com/upload/attachment/148924/24476f1d-fa3a-3258-8c9a-af7150d3f3c7.jpg[/img] <br> <br> <br>在页面代码中，我还可以使用 XML 响应，因为服务器返回的是有效的 XML。但是使用正则表达式比从 XML 代码中分解单独部分更加简单。 <br> <br> <br>[b]结束语[/b] <br> <br>Ajax 的功能之强大与之被误解和误用的程度相当。本文中演示的模式为在 Web 应用程序中使用 Ajax 提供了一个不错的起点。除了使用这里提供的代码，我还建议您关注以下 Web 2.0 革命带来的某些出色的 Ajax 和 Web UI 库。其中最主要的是 Prototype.js 库，它提供了向浏览器发送以及从浏览器获取数据的简便方法，以及浏览器间兼容的方法更新 Web 页面内容。使用这些库的价值在于工程师可以在广泛的浏览器和平台上专注地维护和测试它们，这样可省去大量的工作和麻烦。 <br> <br>无论从哪方面说，就像本文中的模式演示的那样，Ajax 可以为您的应用程序添加动态行为。 </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1278504630065577984"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(ajax)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950104727928762368.htm" title="震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！" target="_blank">震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！</a> <span class="text-muted">coding随想</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div> </li> <li><a href="/article/1949581680901681152.htm" title="PHP+Ajax幸运大转盘抽奖源码" target="_blank">PHP+Ajax幸运大转盘抽奖源码</a> <span class="text-muted">素材火_29a5</span> <div>中国风水墨画背景PHP+Ajax幸运大转盘抽奖源码，通过奖品库存、中奖次数来计算中奖概率。恭喜你，中得五等奖，还要再来一次活动抽奖代码抽奖规则1、由于系统延迟如未获得抽奖机会请耐心等待2、中奖结果以系统弹出的对话框信息为准3、下单时间支付时间以京东充值系统时间为准4、活动当后一天建议23点30分前参与抽奖避免因充值成功而抽奖活动已结束无法参加活动。本文转自http://www.sucaihuo.c</div> </li> <li><a href="/article/1949308364903215104.htm" title="前端Web基础（ JS ，Ajax）" target="_blank">前端Web基础（ JS ，Ajax）</a> <span class="text-muted">我想找工作</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Javascript（核心语法）什么是JavascriptJavascript是一门跨平台，面向对象的脚本语言，用于控制网页行为，实现交互效果。组成：ECMAScript：固定了JS的基础语法核心知识，包括变量。数据类型，控制流程，函数，对象等。BOM：浏览器对象模型。用于操作浏览器本身，如页面弹窗，地址栏操作，关闭窗口。DOM：文档对象模型，用于操作HTM文档，如改变标签内容，改变标签内字体样式</div> </li> <li><a href="/article/1949059941402734592.htm" title="ASP与Ajax结合实现无刷新登录系统" target="_blank">ASP与Ajax结合实现无刷新登录系统</a> <span class="text-muted"></span> <div>本文还有配套的精品资源，点击获取简介：ASP是一种服务器端脚本技术，用于创建动态网页和处理表单等，而Ajax则是一种在不刷新页面的情况下异步更新网页内容的技术。结合ASP和Ajax可以实现无刷新登录功能，提高用户登录的交互性和响应速度。本技术方案介绍了无刷新登录的设计思路和实现步骤，从前端设计到服务器端处理以及安全性增强措施，确保了登录过程的流畅性和安全性。1.ASP服务器端脚本技术ASP（Act</div> </li> <li><a href="/article/1949053138665271296.htm" title="AJAX与ASP.NET Web方法的实践与原理" target="_blank">AJAX与ASP.NET Web方法的实践与原理</a> <span class="text-muted">t0_54coder</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%89%8B%E5%86%8C/1.htm">编程问题解决手册</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/asp.net/1.htm">asp.net</a><a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91/1.htm">个人开发</a> <div>在现代Web开发中，AJAX（AsynchronousJavaScriptandXML）是提升用户体验的关键技术之一，尤其在需要与服务器交互而不刷新整个页面的情况下。今天，我们将探讨如何在ASP.NET中使用AJAX结合Web方法（WebMethod）来实现这一目的，并深入分析其中的原理。实例背景假设我们有一个简单的温度转换器，需要将华氏温度转换为摄氏温度，我们希望这个转换过程是即时的，不需要用户</div> </li> <li><a href="/article/1949044429654388736.htm" title="AJAX 与 ASP 的深入探讨" target="_blank">AJAX 与 ASP 的深入探讨</a> <span class="text-muted">froginwe11</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>AJAX与ASP的深入探讨引言随着互联网技术的飞速发展，Web应用程序已经成为人们日常生活和工作中不可或缺的一部分。在众多技术中，AJAX（AsynchronousJavaScriptandXML）和ASP（ActiveServerPages）是两种非常流行的技术。本文将深入探讨AJAX和ASP的基本原理、应用场景以及它们之间的相互关系。AJAX基础什么是AJAX？AJAX是一种基于JavaScr</div> </li> <li><a href="/article/1948796966188150784.htm" title="前端11Jquery用ajax获取数据赋值给页面" target="_blank">前端11Jquery用ajax获取数据赋值给页面</a> <span class="text-muted">syw99163</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF2021/1.htm">前端2021</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>前端11Jquery用ajax获取数据赋值给页面https://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.aspjQuery参考手册-DOM元素方法【jQuery】使用getJSON()方法异步加载JSON格式数据使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析，显示在页面</div> </li> <li><a href="/article/1948783724355186688.htm" title="JavaScript $.ajax() 最新用法详解" target="_blank">JavaScript $.ajax() 最新用法详解</a> <span class="text-muted"></span> <div>一、基础语法与核心参数$.ajax({url:"https://api.example.com/data",method:"GET",//推荐使用method替代typedata:{key:"value"},dataType:"json",headers:{"Authorization":"Bearertoken"},success:function(response){},error:funct</div> </li> <li><a href="/article/1948777296030658560.htm" title="JavaScript AJAX 实现，演示如何将 Token 添加到 Authorization" target="_blank">JavaScript AJAX 实现，演示如何将 Token 添加到 Authorization</a> <span class="text-muted">CATTLECODE</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a> <div>以下是一个完整的原生JavaScriptAJAX实现，演示如何将Token添加到Authorization头部的示例：基础实现html复制代码AJAXToken示例//获取当前用户的Token（实际应用中从安全存储获取）functiongetAuthToken(){//实际项目中应从localStorage/cookie获取return"eyJhbGciOiJIUzI1NiIsInR5cCI6Ik</div> </li> <li><a href="/article/1948677195811581952.htm" title="Vue.js与Ajax实现数据动态交互及双向绑定项目指南" target="_blank">Vue.js与Ajax实现数据动态交互及双向绑定项目指南</a> <span class="text-muted">溪水边小屋</span> <div>本文还有配套的精品资源，点击获取简介：Vue.js结合Ajax技术可以创建动态交互的Web应用程序。本项目指南介绍了如何在Vue.js框架下使用Ajax下载和上传后台数据，并通过双向数据绑定实时更新页面内容。项目中演示了Vue组件数据绑定、axios的集成与使用，以及如何处理用户交互、服务器响应和文件操作。通过这一过程，用户能够构建一个高效、直观的用户体验良好的单页应用程序。1.Vue.js框架简</div> </li> <li><a href="/article/1948586436450119680.htm" title="前端：一篇彻底搞懂Ajax,Promise,JQuery Ajax,Axios的差异(区别)" target="_blank">前端：一篇彻底搞懂Ajax,Promise,JQuery Ajax,Axios的差异(区别)</a> <span class="text-muted">Freedom3568</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a><a class="tag" taget="_blank" href="/search/promise/1.htm">promise</a> <div>文章目录一.AJAX原理1.ajax有那些优缺点?二.Promise封装Ajaxpromise封装实现三.JQueryAjax1.优缺点：四.Axios1.优缺点：五.Fetch1.优缺点：补充：为什么要用axios?一.AJAX原理Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎)，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javas</div> </li> <li><a href="/article/1948574461854806016.htm" title="AJAX Promise axios基本概念和用法" target="_blank">AJAX Promise axios基本概念和用法</a> <span class="text-muted">hsm666_</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>引言JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互，以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行</div> </li> <li><a href="/article/1948249328443256832.htm" title="Ajax 使用案例" target="_blank">Ajax 使用案例</a> <span class="text-muted">菜鸟小窝</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>参数为form表单httpService.get=function(url,data,successFunc){data.page=null;return$.ajax({type:"GET",url:url,data:data,success:function(data){successFunc(data);$scope.$apply()},error:function(data){success</div> </li> <li><a href="/article/1947962829470494720.htm" title="跨域请求传递Cookie问题" target="_blank">跨域请求传递Cookie问题</a> <span class="text-muted">videring</span> <div>参考：https://www.cnblogs.com/nuccch/p/7875189.html问题描述前后端完全分离的项目，前端使用Vue+axios，后端使用SpringMVC，容器为Tomcat。使用CORS协议解决跨域访问数据限制的问题，但是发现客户端的Ajax请求不会自动带上服务器返回的Cookie：JSESSIONID。导致每一个Ajax请求在服务端看来都是一个新的请求，都会在服务端创</div> </li> <li><a href="/article/1947883383166136320.htm" title="python爬大学生就业信息报告_Python语言爬虫——Python 岗位分析报告" target="_blank">python爬大学生就业信息报告_Python语言爬虫——Python 岗位分析报告</a> <span class="text-muted">weixin_39578457</span> <div>本文主要向大家介绍了Python语言爬虫——Python岗位分析报告，通过具体的内容向大家展示，希望对大家学习Python语言有所帮助。前两篇我们分别爬取了糗事百科和妹子图网站，学习了Requests,BeautifulSoup的基本使用。不过前两篇都是从静态HTML页面中来筛选出我们需要的信息。这一篇我们来学习下如何来获取Ajax请求返回的结果。本篇以拉勾网为例来说明一下如何获取Ajax请求内容</div> </li> <li><a href="/article/1947827780305612800.htm" title="Ajax与axios" target="_blank">Ajax与axios</a> <span class="text-muted">wwwwdn</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>本文是学习了网上的Ajax的课程总结，并加上了一些自己的总结。AjaxAjax（AsynchronousJavascriptAndXML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式。XMLHttpRequest（XHR）XMLHttpRequest（XHR）对象用于与服务器交互。通过XMLHttpRequest可以在不刷新页面的情况下请求特定UR</div> </li> <li><a href="/article/1947823746253385728.htm" title="PHP与Web页面交互：从基础表单到AJAX实战" target="_blank">PHP与Web页面交互：从基础表单到AJAX实战</a> <span class="text-muted">独立开发者阿乐</span> <a class="tag" taget="_blank" href="/search/%E7%BB%BC%E5%90%88%E6%80%A7%E5%8E%9F%E5%88%9B/1.htm">综合性原创</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E4%BA%92/1.htm">交互</a><a class="tag" taget="_blank" href="/search/Web%E9%A1%B5%E9%9D%A2/1.htm">Web页面</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95%E5%A4%84%E7%90%86/1.htm">表单处理</a><a class="tag" taget="_blank" href="/search/AJAX%E6%8A%80%E6%9C%AF/1.htm">AJAX技术</a><a class="tag" taget="_blank" href="/search/AJAX/1.htm">AJAX</a> <div>文章目录PHP与Web页面交互：从基础到高级实践1.引言2.基础表单处理2.1HTML表单与PHP交互基础2.2GET与POST方法比较3.高级交互技术3.1AJAX与PHP交互3.2使用FetchAPI进行现代AJAX交互4.文件上传处理5.安全性考量5.1常见安全威胁与防护5.2数据验证与过滤6.现代PHP与前端框架交互6.1构建RESTfulAPI6.2使用JWT进行认证7.性能优化7.1缓</div> </li> <li><a href="/article/1947797910787780608.htm" title="网络爬虫进阶" target="_blank">网络爬虫进阶</a> <span class="text-muted">rooney2024</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>目录一、进阶爬虫的核心挑战二、关键技术与最佳实践三、实战案例：爬取动态电商价格（伪代码示例）四、持续学习路径结语一、进阶爬虫的核心挑战动态渲染页面(JavaScript/AJAX)问题：数据由JavaScript动态加载生成，初始HTML中不存在。解决方案：浏览器自动化工具：Selenium,Playwright,Puppeteer。模拟真实浏览器行为，等待JS执行并渲染出完整DOM后再解析。无头</div> </li> <li><a href="/article/1947448081809207296.htm" title="关于Ajax的学习笔记" target="_blank">关于Ajax的学习笔记</a> <span class="text-muted">秋也凉</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Ajax概念：是一门使用了js语言，可以使用于Javaweb，实现前端代码和后端代码连结的的一种异步同步（不需要等待服务器相应，就能够发送第二次请求）的一种技术，它主要用于网页内容的局部刷新，列如验证码、导航栏的刷新等。实现步骤1.导入jQuery（一种框架，Ajax是JQuery的一种方法）文件——例如：写在jsp页面的标签里面。2.在jsp页面写一个函数，然后在函数里面调用ajax方法，aja</div> </li> <li><a href="/article/1947419963459432448.htm" title="web的跨域问题--针对CSP的内容" target="_blank">web的跨域问题--针对CSP的内容</a> <span class="text-muted">SunnyZHQing</span> <a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E9%97%AE%E9%A2%98/1.htm">系统问题</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a> <div>跨域的ajax问题是因为返回的response中缺少Header("Access-Control-Allow-Origin","*")Header("Access-Control-Allow-Methods","GET,POST")Header("Access-Control-Allow-Headers","x-requested-with,content-type")需要把这写代码写到1.php</div> </li> <li><a href="/article/1947113625495859200.htm" title="Java实习模拟面试之创玖科技：前后端交互、数据库、Spring全家桶、性能优化与Linux实战" target="_blank">Java实习模拟面试之创玖科技：前后端交互、数据库、Spring全家桶、性能优化与Linux实战</a> <span class="text-muted">培风图南以星河揽胜</span> <a class="tag" taget="_blank" href="/search/java%E9%9D%A2%E8%AF%95/1.htm">java面试</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a> <div>关键词：JavaScript、JQuery、Ajax、Node.js、MySQL、Oracle、Spring、SpringMVC、SpringBoot、MyBatis、Tomcat、Redis、Nginx、Linux、Git、SAAS系统开发一、面试开场：自我介绍面试官提问：请做个自我介绍，重点突出你的技术栈和项目经验。候选人回答：您好，我是一名计算机科学与技术专业的应届生，具备扎实的Java基础</div> </li> <li><a href="/article/1946683706995437568.htm" title="Typecho博客评论无限滚动加载实现指南" target="_blank">Typecho博客评论无限滚动加载实现指南</a> <span class="text-muted">独立开发者阿乐</span> <a class="tag" taget="_blank" href="/search/Typecho%E5%8E%9F%E5%88%9B/1.htm">Typecho原创</a><a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a><a class="tag" taget="_blank" href="/search/typecho/1.htm">typecho</a><a class="tag" taget="_blank" href="/search/%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD/1.htm">评论功能</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E9%99%90%E6%BB%9A%E5%8A%A8/1.htm">无限滚动</a><a class="tag" taget="_blank" href="/search/AJAX/1.htm">AJAX</a><a class="tag" taget="_blank" href="/search/%E6%97%A0%E9%99%90%E5%8A%A0%E8%BD%BD/1.htm">无限加载</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录Typecho实现评论无限滚动加载的完整解决方案引言技术背景与原理方案设计系统架构技术选型实现步骤第一步：创建AJAX评论接口第二步：修改评论模板第三步：实现前端无限滚动性能优化与注意事项1.节流滚动事件2.缓存策略3.错误处理与重试机制兼容性与扩展性考虑1.兼容旧浏览器2.支持SEO3.可访问性改进部署与维护1.缓存策略2.性能监控3.更新策略结论Typecho实现评论无限滚动加载的完整</div> </li> <li><a href="/article/1946655080870637568.htm" title="AJAX概述" target="_blank">AJAX概述</a> <span class="text-muted">出门撞大运</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在现代网页开发中，我们早已习惯了无需刷新页面就能获取新数据的流畅体验——浏览电商网站时的实时库存更新、社交平台的动态加载内容、表单提交后的即时验证反馈……这些都离不开一项核心技术——AJAX。今天，我们就来深入探索AJAX的奥秘，带你全面掌握这门改变网页交互方式的关键技术。一、什么是AJAX？AJAX，全称异步JavaScript和XML（AsynchronousJavaScriptandXML）</div> </li> <li><a href="/article/1946607398999355392.htm" title="Promise与Axios：异步编程" target="_blank">Promise与Axios：异步编程</a> <span class="text-muted">evergreen198</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、解决回调嵌套/回调地狱（代码1-展示axios链式调用）1.1传统回调-回调地狱如果没有Promise，我们可能需要这样写：axios({url:'http://hmajax.itheima.net/api/province'}).then((provinceResult)=>{constpname=provinceResult.data.list[0];console.log('省份:',p</div> </li> <li><a href="/article/1946598069940318208.htm" title="html js 查询数据库,如何使用javascript查询数据库？" target="_blank">html js 查询数据库,如何使用javascript查询数据库？</a> <span class="text-muted"></span> <div>小编典典Javascript本身不能用于处理数据库。这是使用php(或您选择的服务器端语言)完成的。Ajax用于使用javascript向您的php脚本发送请求，而javascript则会与数据库进行通信。而且不需要页面刷新。因此，您尝试使用ajax可以轻松实现。既然您提到了jquery，就可以在jquery中签出$.ajax或$.post方法，这使过程更加简单。您需要使用ajax处理表单。Aja</div> </li> <li><a href="/article/1946597943565938688.htm" title="html 显示数据库图片.js,html实时显示数据怎么让数据库的数据在html显示出来" target="_blank">html 显示数据库图片.js,html实时显示数据怎么让数据库的数据在html显示出来</a> <span class="text-muted">UnstructuredIO</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%98%BE%E7%A4%BA/1.htm">显示</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%9B%BE%E7%89%87.js/1.htm">数据库图片.js</a> <div>用JS实时调用数据显示在HTML页面上不要站在现在的高度，去判定未来的事情，因为未来的你是会成长的，会有新的选择和判断。html页面上怎么显示动态数据通过AJAX实现，在html页面用ajax请分享后台获取动态数据。获取range的值就行了，然后将其显示出来，你实时改变range的值，显示的就会实时改变0functionchange(){varvalue=document.getElementBy</div> </li> <li><a href="/article/1943992018892025856.htm" title="JSON 与 AJAX" target="_blank">JSON 与 AJAX</a> <span class="text-muted">Auscy</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、JSON（JavaScriptObjectNotation）1.数据类型与语法细节支持的数据类型：基本类型：字符串（需用双引号）、数字、布尔值（true/false）、null。复杂类型：数组（[]）、对象（{}）。严格语法规范：键名必须用双引号包裹（如"name":"张三"）。数组元素用逗号分隔，最后一个元素后不能有多余逗号。数字不能以0开头（如012会被解析为12），不支持八进制/十六进制</div> </li> <li><a href="/article/1943919153068961792.htm" title="Ajax之核心语法详解" target="_blank">Ajax之核心语法详解</a> <span class="text-muted">AA-代码批发V哥</span> <a class="tag" taget="_blank" href="/search/Ajax%2FAxios/1.htm">Ajax/Axios</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>Ajax之核心语法详解一、Ajax的核心原理与优势1.1什么是Ajax？1.2Ajax的优势二、XMLHttpRequest：Ajax的核心对象2.1XHR的基本使用流程2.2核心属性与事件解析2.2.1`readyState`：请求状态2.2.2`status`：HTTP状态码2.2.3响应数据属性2.2.4常用事件三、HTTP请求方法与数据传递3.1GET请求：获取数据3.2POST请求：提交</div> </li> <li><a href="/article/1943844765225250816.htm" title="前端面试题——5.AjAX的缺点？" target="_blank">前端面试题——5.AjAX的缺点？</a> <span class="text-muted">浅端</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前端面试题</a> <div>①传统的web交互是：用户一个网页动作，就会发送一个http请求到服务器，服务器处理完该请求再返回一个完整的HTML页面，客户端再重新加载，这样极大地浪费了带宽。②AJAX的出现解决了这个问题，它只会向服务器请求用户所需要的数据，并在客户端采用JavaScript处理返回的数据，操作DOM更新页面。③AJXA优点：无刷新更新页面异步服务器通信前端后端负载均衡④AJAX缺点：干掉了Back和Hist</div> </li> <li><a href="/article/1943844765648875520.htm" title="JavaScript知识归纳——面试题" target="_blank">JavaScript知识归纳——面试题</a> <span class="text-muted">Dream_Lee_1997</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/js%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">js面试题</a> <div>JavaScript面试题总结JavaScript知识点1、JavaScript中settimeout与setinteval两个函数的区别？2、编写JavaScript脚本生成1-6之间的整数？3、在JavaScript脚本中，isNaN的作用是什么？4、JavaScript中获取某个元素有哪几种方式？5、Ajax的优缺点都有什么？6、简述一下Ajax的工作原理。7、JavaScript中的数据类</div> </li> <li><a href="/article/23.htm" title="HttpClient 4.3与4.3版本以下版本比较" target="_blank">HttpClient 4.3与4.3版本以下版本比较</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a> <div>网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3</div> </li> <li><a href="/article/150.htm" title="Essential Studio Enterprise Edition 2015 v1新功能体验" target="_blank">Essential Studio Enterprise Edition 2015 v1新功能体验</a> <span class="text-muted">Axiba</span> <a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本</div> </li> <li><a href="/article/277.htm" title="[宇宙与天文]微波背景辐射值与地球温度" target="_blank">[宇宙与天文]微波背景辐射值与地球温度</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%83%8C%E6%99%AF/1.htm">背景</a> <div> 宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢? 如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢? &nbs</div> </li> <li><a href="/article/404.htm" title="lvs-server" target="_blank">lvs-server</a> <span class="text-muted">男人50</span> <a class="tag" taget="_blank" href="/search/server/1.htm">server</a> <div>#!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start) /sbin/ifconfig eth2:0 $VIP broadca</div> </li> <li><a href="/article/531.htm" title="java的WebCollector爬虫框架" target="_blank">java的WebCollector爬虫框架</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra</div> </li> <li><a href="/article/658.htm" title="jQuery append 与 after 的区别" target="_blank">jQuery append 与 after 的区别</a> <span class="text-muted">小猪猪08</span> <div>1、after函数定义和用法： after() 方法在被选元素后插入指定的内容。语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr</div> </li> <li><a href="/article/785.htm" title="mysql知识充电" target="_blank">mysql知识充电</a> <span class="text-muted">香水浓</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>索引索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎</div> </li> <li><a href="/article/912.htm" title="我的架构经验系列文章索引" target="_blank">我的架构经验系列文章索引</a> <span class="text-muted">agevs</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。（内容是前几天写的，现附上索引）前端架构 http://www.</div> </li> <li><a href="/article/1039.htm" title="Android so lib库远程http下载和动态注册" target="_blank">Android so lib库远程http下载和动态注册</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/andorid/1.htm">andorid</a> <div>一、背景在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。二、主要</div> </li> <li><a href="/article/1166.htm" title="linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法" target="_blank">linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/option/1.htm">option</a> <div>在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##</div> </li> <li><a href="/article/1293.htm" title="MongoDB的连接池和连接管理" target="_blank">MongoDB的连接池和连接管理</a> <span class="text-muted">BigCat2013</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也</div> </li> <li><a href="/article/1420.htm" title="AngularJS使用Socket.IO" target="_blank">AngularJS使用Socket.IO</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Socket.IO/1.htm">Socket.IO</a> <div> 目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。 Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实</div> </li> <li><a href="/article/1547.htm" title="[Maven学习笔记四]Maven依赖特性" target="_blank">[Maven学习笔记四]Maven依赖特性</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>三个模块为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service 依赖作用范围 Maven的dependency定义</div> </li> <li><a href="/article/1674.htm" title="【Akka一】Akka入门" target="_blank">【Akka一】Akka入门</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/akka/1.htm">akka</a> <div>什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio</div> </li> <li><a href="/article/1801.htm" title="zabbix_api之perl语言写法" target="_blank">zabbix_api之perl语言写法</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/zabbix_api%E4%B9%8Bperl/1.htm">zabbix_api之perl</a> <div>zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use </div> </li> <li><a href="/article/1928.htm" title="比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！" target="_blank">比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E5%B7%A5%E7%A8%8B%E5%B8%88/1.htm">linux运维工程师</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E5%B7%A5%E7%A8%8B%E5%B8%88%E6%95%99%E7%A8%8B/1.htm">linux运维工程师教程</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E5%B7%A5%E7%A8%8B%E5%B8%88%E8%A7%86%E9%A2%91/1.htm">linux运维工程师视频</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E5%B7%A5%E7%A8%8B%E5%B8%88%E8%B5%84%E6%96%99/1.htm">linux运维工程师资料</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E5%B7%A5%E7%A8%8B%E5%B8%88%E8%87%AA%E5%AD%A6/1.htm">linux运维工程师自学</a> <div>比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65 兄弟连Lin</div> </li> <li><a href="/article/2055.htm" title="bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(" target="_blank">bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大</div> </li> <li><a href="/article/2182.htm" title="map的三种遍历方法" target="_blank">map的三种遍历方法</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/map/1.htm">map</a> <div> package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v</div> </li> <li><a href="/article/2309.htm" title="Linux安装mysql的一些坑" target="_blank">Linux安装mysql的一些坑</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1、mysql不建议在root用户下运行 2、出现服务启动不了，111错误，注意要用chown来赋予权限，我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf) chown -R cc /etc/init.d/mysql</div> </li> <li><a href="/article/2436.htm" title="Sublime Text 3 配置" target="_blank">Sublime Text 3 配置</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE/1.htm">配置</a><a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a> <div>Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和</div> </li> <li><a href="/article/2563.htm" title="MySQL server has gone away 问题的解决方法" target="_blank">MySQL server has gone away 问题的解决方法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>MySQL server has gone away 问题解决方法，需要的朋友可以参考下。应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h</div> </li> <li><a href="/article/2690.htm" title="javascript/dom:固定居中效果" target="_blank">javascript/dom:固定居中效果</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&</div> </li> <li><a href="/article/2817.htm" title="使用 Spring 2.5 注释驱动的 IoC 功能" target="_blank">使用 Spring 2.5 注释驱动的 IoC 功能</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a><a class="tag" taget="_blank" href="/search/Office/1.htm">Office</a> <div>使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项将打印机的版面设置成横向打印模式打印本页将此页作为电子邮件发送将此页作为电子邮件发送级别：初级陈雄华 (quickselect@163.com), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日 &nb</div> </li> <li><a href="/article/2944.htm" title="MongoDB常用操作命令" target="_blank">MongoDB常用操作命令</a> <span class="text-muted">geeksun</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>1. 基本操作 db.AddUser(username,password) 添加用户 db.auth(usrename,password) 设置数据库连接验证 db.cloneDataBase(fromhost) </div> </li> <li><a href="/article/3071.htm" title="php写守护进程（Daemon）" target="_blank">php写守护进程（Daemon）</a> <span class="text-muted">hongtoushizi</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655 守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。 1、基本概念 &nbs</div> </li> <li><a href="/article/3198.htm" title="spring整合mybatis,关于注入Dao对象出错问题" target="_blank">spring整合mybatis,关于注入Dao对象出错问题</a> <span class="text-muted">jonsvien</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/prototype/1.htm">prototype</a> <div>今天在公司测试功能时发现一问题：先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型） @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型） </div> </li> <li><a href="/article/3325.htm" title="对象关系行为模式之标识映射" target="_blank">对象关系行为模式之标识映射</a> <span class="text-muted">home198979</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E4%BC%81%E4%B8%9A%E5%BA%94%E7%94%A8/1.htm">企业应用</a><a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E5%85%B3%E7%B3%BB/1.htm">对象关系</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E8%AF%86%E6%98%A0%E5%B0%84/1.htm">标识映射</a> <div>HELLO!架构一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。二、为什么要使用标识映射？在数据源架构模式之数据映射器中 //c</div> </li> <li><a href="/article/3452.htm" title="Linux下hosts文件详解" target="_blank">Linux下hosts文件详解</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>　1、主机名：　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机</div> </li> <li><a href="/article/3579.htm" title="nginx配置文件粗解" target="_blank">nginx配置文件粗解</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div>#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf</div> </li> <li><a href="/article/3706.htm" title="数学函数" target="_blank">数学函数</a> <span class="text-muted">w54653520</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>public class S { // 传入两个整数，进行比较，返回两个数中的最大值的方法。 public int get( int num1, int nu</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>