利用php做服务器和web前端的界面进行交互

这个就是ajax获取成功的时候执行的函数funcation()里面的data就获取到了我们那个数组,其实他是json文件,只是像数组格式我们还要进行转换
lt;span style="font-family: Arial, Helvetica, sans-serif;"gt;lt;/spangt;lt;pre name="code" class="html"gt;var result=eval("("+data+")");这句话就是把他转换成真正我们熟悉的array数组;

然后就是我们要八条数据进行遍历

lt;pre name="code" class="html"gt;for(var i=0;ilt;result.length;i++){      
          var str = "lt;li class='hot_sale_li left' gt;" + 
              "lt;div class='pic'gt;lt;a style='width:260px;height:172px;' href='" + result[i].titleURL + "' title='维多利陶瓷 自然石系列'gt;lt;img style='width:260px;height:172px;' alt='" + result[i].title + "' src='" + result[i].imgURL + "' /gt;lt;/agt;lt;/divgt;" + 
              "lt;p class='tit'gt;lt;a href='" + result[i].titleURL + "' title='" + result[i].title + "'gt;" + result[i].title + "lt;/agt;lt;/pgt;" + 
              "lt;div class='price'gt;lt;span class='right'gt;预订：lt;b class='yd_num'gt;" + result[i].number + "lt;/bgt;件lt;/spangt;lt;span class='bx_price'gt;￥" + result[i].Nprice + "lt;/spangt;lt;span class='store_price'gt;￥" + result[i].Oprice + "lt;/spangt;lt;/divgt; lt;/ligt;" 
 
        } 

result.length就是我们的最大长度了,

最后遍历之后就会输出八条了;不过肯定有人问 你怎么把服务器传过来的数组加载到html中的;下面对上面的那个var str里面的内容讲解一下:

lt;pre name="code" class="html" style="font-family: Arial, Helvetica, sans-serif;"gt;var str = "lt;li class='hot_sale_li left' gt;" + 
              "lt;div class='pic'gt;lt;a style='width:260px;height:172px;' href='" + result[i].titleURL + "' title='维多利陶瓷 自然石系列'gt;lt;img style='width:260px;height:172px;' alt='" + result[i].title + "' src='" + result[i].imgURL + "' /gt;lt;/agt;lt;/divgt;" + 
              "lt;p class='tit'gt;lt;a href='" + result[i].titleURL + "' title='" + result[i].title + "'gt;" + result[i].title + "lt;/agt;lt;/pgt;" + 
              "lt;div class='price'gt;lt;span class='right'gt;预订：lt;b class='yd_num'gt;" + result[i].number + "lt;/bgt;件lt;/spangt;lt;span class='bx_price'gt;￥" + result[i].Nprice + "lt;/spangt;lt;span class='store_price'gt;￥" + result[i].Oprice + "lt;/spangt;lt;/divgt; lt;/ligt;" 
 
        } 

大家可以看到这是一个自定义的数组然后把每一行都加一个"++"连起来 大家都明白,这是js中的链接方式;里面的数据替换是用的是
result[i].XXX; i就是进行遍历的数据 每一个不同的i从服务器json里面获取不同的数据 因为转换成数组了 就可以用来获取了;
XXX就是指的是每一个数组键,来获取里面的值 放到属性里面,就把这个html写活了!!!

加载完显示就是和上一个界面一样的!!以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

（编辑：滁州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!