jquery ajax 请求,如何让它加载一次请求

目的是在页面div中插入ajax返回的数据。
每次请求点击按钮触发ajax,想添加一个表单,如何做?
我用的是append,每次按钮触发ajax,都会在后面追加一个,如果点击三次,出现三个相同的数据,这个问题怎么解决??

5个回答

不要用append,用html:
比如div如下:

那么你的ajax返回回调函数中应该如下写:
var data = "ajax请求返回的数据";
$("#divData").html(data);

append是追加,html是替换!

同意楼上。注意js操作大字符串的效率问题。

,都会在后面追加一个,如果点击三次,出现三个相同的数据,这个问题怎么解决?? :idea:

如果ajax请求数据都一样,那就是ajax请求被浏览器缓存了,在请求的参数中加上一个随机数参数。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery ajax 多请求刷新页面
如题,我想在主页面向后台发请求,然后把后台返回的结果加载到页面中去。页面一共有七个,前六个都是正常的,但到最后一个的时候先弹出undefined,然后才是返回的页面。这是为什么呢? $(".subequip").each(function(){ obj=$(this); id=obj.attr("id"); alert(id); $.ajax({ async: false, url:"{$bUrl}/devattr/devattr.php?id="+id, success: function(data,textStatus) { obj.html(data); alert(data); obj.trigger("create"); }, }); });
jquery 上啦加载 提交重复
jquery + dropload 插件 有一组选项卡, 点击后执行ajax获取并填充数据, 然后调用 dropload 的 上啦加载. dropload 再通过ajax获取数据并填充. 现在遇到问题是, 点击一个选项卡后, 再点击另一个选项卡, 然后再上啦的时候, 就同时请求了两个选项卡id的数据. 怎么解
微信内置浏览器ajax请求无效
在电脑上和手机上其它浏览器都可以,但是在微信浏览器理里数据就不加载出来了,求大神指点怎么回事,
jquery+ajax写的分页,如何进行下一页和最后一页页数的限定,求大神
jquery-1.11.3.min.js. 自己写的分页js:pageTable.js ``` var commonURL = 'http://192.168.1.101:8088/main/cxtest?serviceName=';//公用jsonp请求地址 var serviceName = '';//服务名称--需要预先定义 var tableId;//table DOM id var PAGE_TOTAL_ROW_SIZE = 'page_total_row_size';//数据库返回的数据总条目数 var ROWNO = 'rowno';//数据库返回的行编号 //var testURL='http://192.168.109.157:8080/main/cxtest?'; var rowSize;//总数据条目数 var pageSize = 10;//每页条数,默认为10条 var currentPageIndex=1;//当前的页,默认为第一页 var pageNum;//总页数 //根据table的id动态加载数据 function loadTable(data) { cleanTable();//清除table除表头的内容 var tableCellHtml = ''; //遍历data,获取key和value for (var i = 0; i < data.length; i++) { var lineStr = '<tr>'; for (var key in data[i]) { if (PAGE_TOTAL_ROW_SIZE == key) { //对数据总数的返回值不做DOM处理 rowSize = data[i][key];//对数据总条目数赋值 continue; } //alert(key + ':' + data[i][key]); lineStr += '<th>' + data[i][key] + '</th>'; } lineStr += '</tr>'; tableCellHtml += lineStr; } getPageNum(); $("#"+tableId).append(tableCellHtml);//加载table数据 $("#spanCurrentPageIndex").html(currentPageIndex);//加载当前页码 $("#spanTotalPage").html(pageNum);//加载总页数 $("#spanTotalRowCount").html(rowSize);//加载总数据条目数 } //通用查询jsonp并返回数据到全局变量data function jsonpQuery(params) { $.ajax({ url: commonURL + serviceName + params, dataType: 'jsonp', type: 'GET', jsonp: 'jsonpcallback', error: function (XmlHttpRequest, textStatus, errorThrown) { alert("加载失败,请检查连接!"); }, success: function (msg) { if ('成功' == msg.message) { //alert(msg.message); data = eval('(' + msg.datas + ')'); loadTable(data); } else { alert("数据返回失败!"); } } }); } //根据总条数rowSize和每页条数pageSize获取总页数 function getPageNum() { if (checkVar(rowSize) && checkVar(pageSize)) { pageNum = rowSize % pageSize == 0 ? parseInt(rowSize / pageSize) : Math.ceil(rowSize/pageSize); } } //判断一个变量是否为空;true不为空,false为空 function checkVar(obj) { if (obj == '' || obj == undefined || obj == null) { return false; } return true; } //上一页或下一页 function pageNav(currentPageIndex){ //alert(currentPageIndex); var params = '&rowStart='+((currentPageIndex-1)*pageSize+1)+'&rowEnd='+currentPageIndex*pageSize; if(currentPageIndex<=0){ firstPage(); return ; } if(currentPageIndex>=pageNum){ lastPage(); return; } jsonpQuery(params);//请求数据 } //第一页 function firstPage(){ var params = '&rowStart=1&rowEnd='+pageSize; jsonpQuery(params);//请求数据 } //最后一页 function lastPage(){ var params = '&rowStart='+((pageNum-1)*pageSize+1)+'&rowEnd='+rowSize; jsonpQuery(params);//请求数据 } //清除表格内容 function cleanTable(){ $("#"+tableId+" tr:gt(0)").remove(); } ``` 下面是页面内容: ``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table分页查询示例</title> </head> <body> <div> <table class="tablebox" width="" border="" cellpadding="" cellspacing="" id="tableInfo"> <tr> <td>序号</td> <td>流程ID </td> <td>流程名称</td> <td>流程标识 </td> <td>流程起始标识</td> </tr> </table> <div> <span id="spanFirst" onclick ="firstPage();" >第一页</span> <span id="spanPre" onclick ="pageNav(--currentPageIndex);">上一页</span> <span id="spanNext" onclick ="pageNav(++currentPageIndex);">下一页</span> <span id="spanLast" onclick ="lastPage();">最后一页</span> 第<span id="spanCurrentPageIndex"></span>页/共<span id="spanTotalPage"></span>页 共<span id="spanTotalRowCount"></span>条数据 </div> </div> <script type="text/javascript" src="JS/pageTable.js"></script> <script type="text/javascript" src="JS/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function() { serviceName = 'getInfo'; tableId = 'tableInfo'; firstPage(); }); </script> </body> </html> ``` 现在就是有个问题,无法对下一页和最后一页进行限定,第一页的时候,我点击最后一页, 第1页/总页数,而且最后一页之后,点击下一页,第X页还是会增加,虽然说内容不变。
将web项目由http转成https请求,结果后台请求找不到,部分静态资源也加载错误
将tomcat由http转成https后,部署原是http请求的项目,结果请求后台报错,直接500. session好像也出了问题,后台controller也请求不到。 是需要在web.xml配置什么信息么?还是前台请求头要变什么的,还是过滤器问题。 望懂的大神解答。
jquery lazyload.js插件调用会使滚动条回到顶部的问题
我有一个需求是需要将页面滑到底部的时候会用ajax去服务端请求数据然后动态的加载到页面上,这时候我会去加载一次jquery lazyload.js的lazyload方法,使我动态加载的内容的图片也异步加载进来,图片效果是出来了,但是引发出了一个新的问题,每次动态加载数据后我的页面滚动条又回到了页面的顶端,就好像页面刷新了一样,问题定位下来就是由于加了lazyload方法后就出现的。有没有大神可以帮忙解决这个问题,最终效果是需要有图片异步加载的效果并且页面不会回到顶部会停留再动态加载的数据那。小弟感激不尽,求帮忙啊!!!!! 急!!!!
ajax的方式加载的页面js代码执行问题
使用load方法请求远程url,返回一个页面,并加载到指定位置,页面有加载时执行的js代码,但是并不能填充到网页上 ![图片说明](https://img-ask.csdn.net/upload/201711/24/1511526888_113159.png) ![图片说明](https://img-ask.csdn.net/upload/201711/24/1511526898_1100.png) 求大神讲讲怎么解,或者原因。。。。
去掉script src 后的参数
ajax请求返回html,直接append body html里包含加载js的标签,明明是在审查元素里看到script标签src没有带参数的 <script src="/resources/assets/js/jquery.easypiechart.min.js"></script> ![图片说明](https://img-ask.csdn.net/upload/201507/07/1436241618_685660.png) 但是在请求js的时候,会自动加?_=的参数,参数每次都不一样,导致每次都从服务器加载,不会去缓存里读取。为什么会这样,要怎么解决这个问题。 http://localhost:8181/resources/assets/js/jquery.easypiechart.min.js?_=1436240970400 ![图片说明](https://img-ask.csdn.net/upload/201507/07/1436241597_637188.png)
datagrid生成的表格,欲把某一列的所有行都设置为下拉列表的形式;内容从后台数据库中读取;静态加载数据可行,动态加载数据下拉列表出不来
```<!-- var colData=[{id:'高',projectName:'高','selected':'true'},{id:'中',projectName:'中'},{id:'低',projectName:'低'},{ id: "操作错误", projectName: "操作错误" }, { id: "滥用授权", projectName: "滥用授权" },{ id: "身份假冒", projectName: "身份假冒" },{ id: "安全漏洞", projectName: "安全漏洞" }, --> <!-- { id: "拒绝服务", projectName: "拒绝服务" },{ id: "恶意代码", projectName: "恶意代码" },{ id: "窃听数据", projectName: "窃听数据" },{ id: "物理破坏", projectName: "物理破坏" },{ id: "社会工程", projectName: "社会工程" }]; --> <!-- console.log(colData); --> <!-- console.log(typeof colData); --> ///////上面注释掉的代码是我尝试静态加载的语句,////下面的代码是我ajax请求的代码 var colData=[]; console.log(typeof colData); $.ajax({ type:"POST", url:"./php/read_from_db2.php", dataType:"json", async:false, data:{}, success:function(data){ console.log(data); colData = []; data.forEach(ele => { var obj = { id:ele, projectName:ele, selected:true }; colData.push(obj); }); console.log(colData); }, async:true, error:function(){ alert("请求失败"); }, }); //////下面的代码为我想要设置的列 {field:'关联威胁',title:"关联威胁", width:140,align:'center',editor: { type:'combobox', options: { valueField:'id', textField:'projectName', panelHeight:'auto', data:colData//这里是我定义的全局变量,将它传给options的data }}}, ```
jquery mobile组件 局部刷新的问题
如题,网上说手动改了jquery mobile的插件之后要想获得精确地结果必须局部刷新一次,我刷新了,结果是变了可是样式还是没加载过来。希望大神可以提示一下, <span class="statusbg"> <img src="{$uiDir}/a/pic/home.png" /> </span> <span class="name">{$attr.NAME}</span> <span class="status slider" status="{$value}"> <input type="range" value="" data-highlight="true" min="0" max="100"> </span> <script> $(function(){ $(".slider").each(function(){ obj=$(".slider"); num=obj.attr("status"); obj.find("input").val(num); obj.slider("refresh",true); }) }) </script> 这个是动态加载的页面,需要动态刷新slider的值跟状态, 前台发出的ajax请求 $(".subequip").each(function(){ obj=$(this); id=obj.attr("id"); $.ajax({ async: false, url:"{$bUrl}/devattr/devattr.php?id="+id, success:function(data,textStatus) { obj.html(data); obj.parent().trigger("create"); } }) }) 值改变了,样式就是不改变,大神如果知道的话就指导一下吧。再次万分感谢
jquery trigger 回调函数
我的问题是这样 页面加载时候就触发$("#series").trigger('change'); change事件对应一段ajax异步请求后台数据代码, 我的用意是在ajax返回数据后去执行一个函数 前提是不能改变change事件的那段方法 如何去做? 怎么用回调函数解决这个问题? 多谢!!多谢!!
关于thymeleaf 模版 动态渲染的想法
有人试过用thymeleaf模版 不在页面加载的时候渲染模版 比如在点击一个按钮的时候去渲染模版 又不经过ajax获取模版。其实就是怎么通过js像其他的前端模版在任何时候都可以进行页面渲染。(重点 事件触发 不进行ajax请求)
用ajax方法在请求数据后在写了一些HTML,但是样式却丢失了
* 这是静态页面的效果图 ![静态页面效果](https://img-ask.csdn.net/upload/201704/21/1492772621_21213.png) 这是这一部分的HTML,只截取了两个商品的 ``` <div class="maincontent-area"> <div class="zigzag-bottom"></div> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="latest-product"> <h2 class="section-title">Latest Products</h2> <div class="product-carousel" **id="content2"**> <div class="single-product"> <div class="product-f-image"> <img src="img/product-1.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2><a href="single-product.html">Samsung Galaxy s5- 2015</a></h2> <div class="product-carousel-price"> <ins>$700.00</ins> <del>$100.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="img/product-2.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2>Nokia Lumia 1320</h2> <div class="product-carousel-price"> <ins>$899.00</ins> <del>$999.00</del> </div> </div> <div class="single-product"> <div class="product-f-image"> <img src="img/product-3.jpg" alt=""> <div class="product-hover"> <a href="#" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i> Add to cart</a> <a href="single-product.html" class="view-details-link"><i class="fa fa-link"></i> See details</a> </div> </div> <h2>LG Leon 2015</h2> <div class="product-carousel-price"> <ins>$400.00</ins> <del>$425.00</del> </div> </div> ``` 我在上面定义了ID然后用ajax 写了拼的字符串,写的HTML,但是样式却加载不进去,却成了这样字的![图片说明](https://img-ask.csdn.net/upload/201704/21/1492773304_327866.png) 我的js代码如下 ``` function init_newProd(){ $.ajax({ type:"post", url:"/struts2/petShop/home/newProduct.action", dataType:"json", success:function(data){ var d = eval("("+data+")");//这里需要进行json处理,将json字符串转换为json格式; display_newProd(d); } }); } function display_newProd(data){ var newProd = data.newProd; var newProd_l = newProd.length; var content = $("#content2"); var str= ""; for(var i=0;i<newProd_l;i++){ str = str+"<div class='single-product'>" + "<div class='product-f-image'>"+ "<img style='height:270px' src='/struts2/common/img/"+newProd[i].pet_pic+"'>"+ " <div class='product-hover'>"+ " <a href='"+newProd[i].pet_id+"' class='add-to-cart-link'><i class='fa fa-shopping-cart'></i> Add to cart</a>"+ " <a href='/struts2/petShop/detail/detail.action?petId="+newProd[i].pet_id+"' class='view-details-link'><i class='fa fa-link'></i> See details</a>"+ "</div></div>"+ "<h2><a href='single-product.html'>"+newProd[i].pet_name+"</a></h2>"+ " <div class='product-carousel-price'>"+ "<ins>$700.00</ins> <del>$"+newProd[i].pet_price+"</del>"+ "</div></div>"; } content.append(str); } ``` 请问各位大神,到底是上面情况,导致样式改变,静态页面需要的css,js我全部引入,并且顺序呢我没有更改 用到的js插件有这些 <script src="/struts2/common/js/bootstrap.min.js"></script> <!-- jQuery sticky menu --> <script src="/struts2/common/js/owl.carousel.min.js"></script> <script src="/struts2/common/js/jquery.sticky.js"></script> <!-- jQuery easing --> <script src="/struts2/common/js/jquery.easing.1.3.min.js"></script> <!-- Main Script --> <script src="/struts2/common/js/main.js"></script> <!-- Slider --> <script src="/struts2/common/js/bxslider.min.js"></script> <script src="/struts2/common/js/script.slider.js"></script>
ajax数据安全的问题
[size=large]我在一个网页中使用jquery里的ajax函数做ajax效果,一般会按照参数格式填写url(还有其他参数),就是处理请求的地址。 同时,我也是使用了firebug用来跟踪post回来的数据,也可以看到请求的数据。 问题来了,这些数据都是赤裸裸的暴露在外面,只要会用firebug类似的工具,人家可以分析你的数据。感觉很不安全。 也看到过其他网页明显有ajax的效果,但是用firebug跟踪不到。 这种效果这样做的方法合不合适对不对?是不是有更好的办法? 请大家指点! 谢谢![/size] [b]问题补充:[/b] [quote] Server Microsoft-IIS/5.1 Date Wed, 20 May 2009 03:33:25 GMT X-Powered-By ASP.NET X-AspNet-Version 2.0.50727 Cache-Control private [color=red]Content-Type text/html; charset=utf-8[/color] Content-Length 4312 [/quote] 服务器端设置了html,但是还是可以跟踪到啊! 你能说具体点吗? 谢谢! [b]问题补充:[/b] [quote]html返回值跟普通页面查看原代码是一样[/quote] 现在我也是这样处理的。 只是我连返回的html都不想让firebug能跟踪到~ 貌似比较难做到~ [b]问题补充:[/b] [quote]使用AJAX,就必须使用JS处理返回的结果,任何一个JS调试器或跟踪器都能查到的[/quote] 这里有个例子: www.360buy.com 的首页。 左边的栏目明显是ajax效果哈。 但是我跟踪不到数据。 可能我太菜了。。。 [b]问题补充:[/b] [quote]你是说左边那个条啊? http://www.360buy.com/script/cat.js 你打开这个JS你就知道了[/quote] 开始是这个样子: [img]/upload/attachment/105700/d9fe3dd8-9fcf-3fcc-9e61-4d603a6d9b6f.jpg[/img] 加载完全后: [img]/upload/attachment/105702/3bf510d6-6bd6-32a8-aa32-f268eec865eb.jpg[/img]
net::ERR_INCOMPLETE_CHUNKED_ENCODING
jquery-1.7.2.js:8288; POST ->http://localhost:8089/caihongshop-brandruzhu/test/testLoad/781; net::ERR_INCOMPLETE_CHUNKED_ENCODING. 昨天做java web开发时遇到了一个比较烦的错误,一直解决不了,前端框架使用的springmvc,Ajax请求加载数据返回json,如果使用post方式就chrome开发者工具就报这个错误,get方式能正常输出json,忙了一下午也没找到错误原因,有同样遇到这个问题的吗?具体错误如下:jquery-1.7.2.js:8288 POST http://localhost:8089/caihongshop-brandruzhu/test/testLoad/781 net::ERR_INCOMPLETE_CHUNKED_ENCODINGsend @ jquery-1.7.2.js:8288jQuery.extend.ajax @ jquery-1.7.2.js:7767(anonymous function) @ test-view.js:5fire @ jquery-1.7.2.js:1075self.fireWith @ jquery-1.7.2.js:1193jQuery.extend.ready @ jquery-1.7.2.js:435DOMContentLoaded @ jquery-1.7.2.js:949![图片说明](https://img-ask.csdn.net/upload/201603/31/1459387531_347969.png)。注意:返回json时controller中使用@ResponseBody解析的pojo实体类有点小复杂(里边有几个manytoone映射关系),感觉问题就在这里,因为个人使用了简单的实体类返回就没有问题。
jquery ajaxt提交在firefox,chrome下遇到的问题
<p>var str = $('#f1').formSerialize();<span style="white-space: pre;"> </span></p> <p>$.ajax({<br> type:'post',<br> url:'actionHRDemand.php', <br> data:str,<br> dataType:'json', <br> error:function(XMLHttpRequest, textStatus, errorThrown){<br>                         alert(XMLHttpRequest.status+","+XMLHttpRequest.readyState+","+textStatus+","+errorThrown);                         <br> },<br> success:function(result){<br><span style="white-space: pre;"> </span>if(result['num']==1){<br><span style="white-space: pre;"> </span>jQuery("#jqgrid").trigger("reloadGrid")<br><span style="white-space: pre;"> </span>}else{<br><span style="white-space: pre;"> </span>alert('操作失敗');<br><span style="white-space: pre;"> </span>}<br><span style="white-space: pre;"> </span>}<br> }); </p> <p>以上代码在IE6.0中无问题,在firefox,chrome中,无法提交,页面重新加载了.用firebug调试可以看到str数据post到了当前页面,后台保存</p> <p>失败.也就是说没有请求url:'actionHRDemand.php',而是请求的自身页面.百思不得其解.后尝试将async:false,数据可以提交后台保存,</p> <p>但是当前页面任然重新加载.</p> <p>我的form是这样的:&lt;form name="f1" id="f1" action="" method="post" enctype="application/x-www-form-urlencoded"&gt;</p> <p>如果在action中写入'actionHRDemand.php,页面则会跳转到'actionHRDemand.php页面.</p> <p>我在当前页面中还使用了jqgrid插件,在加载时请求数据,是没有问题的但是执行以下代码:</p> <p> </p> <p>//查询</p> <p>function query(){</p> <p>        var accountid = $("#accountid").val(); </p> <p>        var departid = $("#departid").val(); </p> <p>        var proposerid = $('#proposerid').val();</p> <p>        var demandtime = $('#demandtime').val();</p> <p>        var position = $('#position').val();</p> <p>        var howmany = $('#howmany').val();</p> <p>        var matter = $('#matter').val();</p> <p> </p> <p>        if(isNaN(howmany)){</p> <p><span style="white-space: pre;"> </span>alert("請輸入正確的需求人數");</p> <p><span style="white-space: pre;"> </span>return;</p> <p><span style="white-space: pre;"> </span>}<span style="white-space: pre;"> </span></p> <p>       $("#jqgrid").jqGrid('setGridParam',{ </p> <p>            url:'actionHRDemand.php?op=grid',     postData:{'accountid':accountid,'departid':departid,'proposerid':proposerid,'demandtime':demandtime,'position':position,'howmany':howmany,'matter':matter}, </p> <p>            page:1</p> <p>        }).trigger("reloadGrid");</p> <p><span style="white-space: pre;"> </span>}</p> <p>发生了同上面一样的问题,页面重载了.</p> <p>似乎$(function(){});以外的ajax请求全都出问题了.</p> <p> </p> <p>这个问题已经困扰了我好久,特地发出来请广大网友指点.</p>
HELP!!!!Echarts图表无法显示数据了!!
我是想实现一个功能用Echarts显示数据库里面的帖子标题和点击量数据。后台做完了到前台却一直不显示数据,调了很长时间实在没办法了。不知道是哪里的问题。 目前显示的效果是这样的,下面我把后台到前台的代码都列出来。 ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582957078_107415.png) 然后这个是浏览器控制台输出的从后台获取到的json格式数据 ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582957097_336679.png) TieziMapper.xml ``` <select id="getListEchart" resultMap="BaseResultMap"> select biaoti,dianji from tiezi </select> ``` TieziDao.java ``` List<Tiezi> getListEchart(); ``` TieziService.java ``` public List<Tiezi> getListEchart(){ return tieziDao.getListEchart(); } ``` TieziController.java ``` @RequestMapping("listEchart") public Object ListEchart(){ List<Tiezi> list = tieziService.getListEchart(); return list; } ``` Main.jsp(这里的target='right'使用的IFrame框架让其固定显示) ``` <h2> <span class="icon-pencil-square-o"></span> 图表 </h2> <ul> <li> <a href='<%=path %>/admin/listEchart.jsp' target='right'> <span class="icon-caret-right"></span>帖子点击量统计</a> </li> </ul> ``` listEchart.jsp ``` <script> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option={ title:{ // 图表标题 text:'帖子点击数统计表' }, tooltip:{ trigger:'axis',//坐标轴触发提示框 }, legend:{//图表上方的类别显示 show:true, data:['访问量'] }, color:[ '#FF3333', ], xAxis:{//x轴 name:'名称', type:'category', data:mingchengs }, yAxis:{//y轴 name:'访问量', data:fangwenliangs, type:'value' }, series:[//系列(内容)列表 { name:'访问量', type:'bar', data:fangwenliangs, } ] }; myChart.showLoading();//数据加载完之前显示一段Loading动画 var mingchengs = []; var fangwenliangs = []; $.ajax({ type:"post",//post请求方式 url:"<%=request.getContextPath()%>/listEchart", data:{}, dataType:"json", success : function(result) { //请求成功时执行该函数内容,result即为服务器返回的json对象 if (result != null && result.length > 0) { for(var i=0;i<result.length;i++){ mingchengs.push(result[i].biaoti); fangwenliangs.push(result[i].dianji); console.log(mingchengs); console.log(fangwenliangs); } myChart.hideLoading(); //隐藏加载动画 } else { //返回的数据为空时显示提示信息 alert("图表请求数据为空,可能服务器暂未录入数据,您可以稍后再试!"); myChart.hideLoading(); } }, error : function(errorMsg) { //请求失败时执行该函数 alert("图表请求数据失败,可能是服务器开小差了"); myChart.hideLoading(); } } ) myChart.setOption(option); </script> ```
jquery局部刷新接收数据Smarty重新执行
页面开始代码段 ``` <span style="margin-left:30px;">地址:<span name="addr" id='addr'><{input type='region' name='area' required='true' value="" app='ectools' callback='selectArea'}></span></span> ``` 页面加载完之后执行一个ajax请求一个html拼装语句 php ``` 'area' => "<{input type='region' name='area' required='true' value=".$area['area']." app='ectools' callback='selectArea'}>", ``` 之后再 ``` $j("#addr").html(data.area); ``` 可是呢现在页面上输出的是 ![图片说明](https://img-ask.csdn.net/upload/201509/30/1443583193_541687.png) 有没有办法用Smarty重新解析下?
如何获取浏览器缓存里的URL资源的最后修改时间?
我用ajax请求资源 /xxx/a.html的数据 [list] [*]a.html页面保存了很大量的数据,所以想用缓存,不重新加载。 [*]但a.html又经常被修改,修改后必须重新请求新的数据。 [/list] 所以加上.setRequestHeader("If-Modified-Since",日期)来告诉服务器上次加载过的该文件的时间,使其在修改后重新加载。 [color=red]但是如何通过js获取该资源留在缓存中的上次修改时间是关键!请大虾们指点![/color] [b]问题补充:[/b] 回1F: 这种处理方式我觉得有点问题,但如果你已经加载过一次a.html,把浏览器关了,再重新访问的时候,就算原资源没有改,但不得不再加载一次,因为浏览器里已经没有那个值了,这个值只有缓存里有(我这个文件挺大的,所以比较吝惜请求次数了)。 回2F: 后面您说的方法:在客户端请求的时候,若认为资源已经修改了,主动在路径后面加(变)参数让服务器得知我请求的是新的资源。我觉得这确实能得到新的数据,但是逻辑上有点问题。(是不是我理解的问题) 客户端在请求的时候,通过js访问远程a.html的时候,是无法知道将要请求的资源对象是否刚修改过了。我怎么能知道什么时候加(变)这样的参数呢。(这个资源是静态资源)。 Last-Modified 是服务器发送HTTP响应的时候组装到包内的。但请求的时候浏览器通常会自动给请求包上打上If-Modified-Since时间戳。但是我测试过程中发现,通过ajax动态请求资源的时候,IE默认使用浏览器缓存,根本就不发数据包,加上 request的If-Modified-Since属性后,会发数据包了,但是这个时间应该设为缓存中最后的修改时间。如何获得不得而知了。 多谢您的积极解答,祝愉快。 [b]问题补充:[/b] 多谢,JQuery有个lastmodified[url],就是没有看出来怎么实现的,没看懂。
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
python自动下载图片
近日闲来无事,总有一种无形的力量萦绕在朕身边,让朕精神涣散,昏昏欲睡。 可是,像朕这么有职业操守的社畜怎么能在上班期间睡瞌睡呢,我不禁陷入了沉思。。。。 突然旁边的IOS同事问:‘嘿,兄弟,我发现一个网站的图片很有意思啊,能不能帮我保存下来提升我的开发灵感?’ 作为一个坚强的社畜怎么能说自己不行呢,当时朕就不假思索的答应:‘oh, It’s simple. Wait for me for a ...
一名大专同学的四个问题
【前言】   收到一封来信,赶上各种事情拖了几日,利用今天要放下工作的时机,做个回复。   2020年到了,就以这一封信,作为开年标志吧。 【正文】   您好,我是一名现在有很多困惑的大二学生。有一些问题想要向您请教。   先说一下我的基本情况,高考失利,不想复读,来到广州一所大专读计算机应用技术专业。学校是偏艺术类的,计算机专业没有实验室更不用说工作室了。而且学校的学风也不好。但我很想在计算机领...
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
C++(数据结构与算法):62---搜索树(二叉搜索树、索引二叉搜索树)
一、搜索树的复杂度分析 本文考察二叉搜索树和索引二叉搜索树 二叉搜索树的渐进性能可以和跳表媲美: 查找、插入、删除操作所需的平均时间为Θ(logn) 查找、插入、删除操作的最坏情况的时间为Θ(n) 元素按升序输出时所需时间为Θ(n) 虽然在最坏情况下的查找、插入、删除操作,散列表和二叉搜索树的时间性能相同,但是散列表在最好的情况下具有超级性能Θ(1) 不过,对于一个指定的关键...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
最全最强!世界大学计算机专业排名总结!
我正在参与CSDN200进20,希望得到您的支持,扫码续投票5次。感谢您! (为表示感谢,您投票后私信我,我把我总结的人工智能手推笔记和思维导图发送给您,感谢!) 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名(Academic Ranking of World Universities) 泰晤士高等教育世界大学排名 中国共...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
立即提问