jquery ajax() 404错误，406错误解决方案 遍历json数组 append到指定位置 ajax实现点击加载更多按钮

时间：2022-12-22 20:58:32

404 报错：访问不到这个url      一开始实在是弄懵我了，js的URL方法可以访问到的，ajax url 里面访问不到， 后来补全的路径： 

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

$("#jiaz").click(function(){
$.ajax({
type :"GET",
url:"${jibox}/love/l.do",

dataType:"json",
success:function(loveJson){

如此解决。 之前手动补全代码老是不行。


406报错，访问的url没有返回数据。

解决方案：  妈蛋 ，原来是少了 jackson的两个Jar包。 jackson-core-asl-*.jar  jackson-mapper-asl-*.jar  困扰了我很久。还好csdn还有善良的人存在，Jackson包免积分下载！我真是受不了csdn下载需要各种积分，我一个积分都没有了。



之后是遍历json:


参考

    <script type="text/javascript">  
    function text(){  
      var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}   
      json = eval(json.options)  
      for(var i=0; i<json.length; i++)  
      {  
         alert(json[i].text+" " + json[i].value)  
      }  
    }  
    </script>


append 加遍历  来使表白墙的数据库新的内容通过点击加载更多添加到指定的位置：

 $(function(){

$("#jiaz").click(function(){
$.ajax({
type :"GET",
url:"${jibox}/love/l.do",

dataType:"json",
success:function(loveJson){


for(var i=0; i<loveJson.length; i++)  
  {  
$("#pid").append('<div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie">  <img src="${jibox}/img/cd-icon-location.svg" alt="Location"> </div> <div class="cd-timeline-content"> <h4>'+loveJson[i].toName+'</h4> <p>'+loveJson[i].biaoText+'</p> <span class="cd-date">2014-12-05</span>  </div> </div>');
  }


}

});

});
});




第一次使用springMVC 后台写得并不是很规范，没有整理得很好封装得很好，都不好意思发后台的代码上来了。




标签：

相关文章