Question

php+ ajax+jquery异步加载多个div然后分别显示在指定div内

最近在开发一个电商产品,遇到个问题就是内容页需要很多数据库查询,我想把他们拆分成多个ajax异步加载内容
比如:产品缩略图 和内容描述
<div class="suoluetu">
<div class="loading">缩略图正在加载中....</div>

<div id="suoluetu" style="display:none"></div>

</div>
<div class="miaoshu">
<div class="loading">内容描述正在加载中....</div>

<div id="miaoshu" style="display:none"></div>
</div>
用户打开页面时 先显示 缩略图 正在加载中和 内容描述正在加载中
然后通过ajax 获取到缩略图内容和 描述内容分别打印在对应的id内

我知道jquery的ajax 和整个思路.,但是...这不知道该怎么下手写代码....

Answer 1

<script>
function ajax1(){...}
function ajax2(){...}
</script>
<div class="suoluetu">
<div class="loading">缩略图正在加载中....<script> ajax1()</script></div>

<div id="suoluetu" style="display:none"></div>

</div>
<div class="miaoshu">
<div class="loading">内容描述正在加载中....<script> ajax2()</script></div>

<div id="miaoshu" style="display:none"></div>
</div>

追问

请问下,ajax1 函数和ajax2函数是直接获取 要显示的内容吗?就是返回的是 已经整理好的内容吗?

还有啊 在函数中通过ajax的时候 能不能隐藏请求地址啊

Answer 2

 $(document).ready(function  () {
    	$.ajax({
    		url:'获取缩略图的文件地址',
    		type:'get',
    		success:function (data) {
    			
    			$('.class').eq(0).html('<img src="'+data+'"/>');
    		}
    	});
    })
  大概就是这个样子

追问

请问有办法隐藏 url请求地址,么...就是用户端看不到请求的地址