ajax无刷新获取php后台数据

最新推荐文章于 2021-03-16 23:25:10 发布

weixin_30633405

最新推荐文章于 2021-03-16 23:25:10 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mrcln/p/3791906.html

本文介绍了一种使用Ajax技术动态加载数据的方法，通过向服务器发送请求获取JSON格式的数据，并将其解析后插入到网页中相应的位置。该方法可以有效减少页面的刷新次数，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 $.ajax({
 2                 url:"result.php",
 3                 //data:{"page":i},
 4                 dataType:"json",
 5                 beforeSend:function(){
 6                 $("#load").append("<div id='loading'><img src='loading.gif'></div>");
 7                 },
 8                 success:function(json){ 
 9                 if(json){ 
10                 $("#load").empty();
11                     //alert(111);
12                     var str = ""; 
13                     $.each(json,function(index,array){ 
14                     //alert(json);
15                        //var str = "<div class=\"single_item\"><div class=\"element_head\">"; 
16                         str += "<div class='author'>"+array['author']+"</div>"; 
17                           str += "<div class=\"date\">"+array['date']+"</div>"; 
18                           str += "<div class=\"title\ >"+array['title']+"</div>"; 
19                           str += "<div class=\"more\"><a href='javascript:void(0)'>more>></a></div><br>"; 
20                          str += "<div class='content'>"+array['content']+"</div><br><hr>";
21                         
22                          $(".content").each(function(){  
23                                if($(this).text().length>100){
24                              $(this).text($(this).text().substring(0,100));
25                              $(this).html($(this).html()+'...');    
26                              }
27                         })
28                          
29                         $("#container").append(str); 
30                     }); 
31                 }
32                 }
33                 });