AJax技术

从零开始学习前端JAVASCRIPT(4)

字号+ 作者:H5之家 来源:H5之家 2018-03-12 10:10 我要评论( )

); ); );oLoadMoreInfo.onclick = function () {ajax({type: ,url: ,beforesend:function () { // 发送前显示加载过程中的动态效果 oLoadingImg.style.display= },success:function (data) { data= JSON.parse(data

); ); ); oLoadMoreInfo.onclick=function () { ajax({ type:, url:, beforesend:function () { //发送前显示加载过程中的动态效果 oLoadingImg.style.display= }, success:function (data) { data=JSON.parse(data); data.forEach(function (value) { ); li.innerHTML=value+; oNewsList.appendChild(li); }) }, //完成后显示渲染出来的网页效果,关闭等待效果 complete:function () { oLoadingImg.style.display= } }) } newsList.onclick=function (ev) { var e=ev||window.event; tar=e.target||e.srcElement; (tar.nodeName===) { oNewsList.removeChild(tar.parentNode); } }

ajax.js

5.php后台

<?php sleep(2);//本地测试资源加载速度过快无法看出加载的动态效果 $news=[ , , , , , , , , , , , ]; echo json_encode($news, JSON_UNESCAPED_UNICODE);

ajax.php

6.图片资源

当前文章:

发布时间:2018-03-12 06:35:02

小说  淘宝优惠券  天猫优惠券  小说  淘宝优惠券  淘宝优惠券  淘宝优惠券  天猫优惠券  天猫优惠券  2018买车购置税  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评