老师 我的这个为什么会报错?

老师 我的这个为什么会报错?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jQuery的AJAX方法</title>

<link rel="stylesheet" href="css/style.css">

</head>

<body>

<div class="banner" id="banner2"></div>

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript">


$(function(){

//jquery 的 ajax

$.ajax({

url: "server/slider.json",

type: "post",

async: true,

dataType: "json",

success: function(imgData){

jQrenderDataToDom(imgData.slider);

}

})

//渲染数据

function jQrenderDataToDom(data){

// var img = data.slider;

// var len = data.length;

var str = "";

$.each(data,function(index,obj){

str += '<a href="'+obj.linkUrl+'"><img src="'+obj.picUrl+'"></a>';

})

$("#banner2").html(str);



}

})


</script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕星星 2019-03-22 14:39:20

这是跨域的问题,需要在服务器下进行测试,视频中用的是wampserver服务中,资料中也有相关安装过程,自己可以试一试。

http://img1.sycdn.imooc.com//climg/5c9483100001d6e204770420.jpg

提问者 weixinapp_慕粉007 2019-03-22 14:23:31
好帮手慕星星 2019-03-22 12:18:13

你好,同学测试的报错信息是什么呢?

这边有两个报错信息:

1、jq链接使用不了报错,可以更换为:

https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js

2、图片报错,这是没有获取到相应的图片,是图片后缀名的问题:

http://img1.sycdn.imooc.com//climg/5c9461fb0001f2cf11350710.jpg

自己可以重新测试下,祝学习愉快!

  • 提问者 weixinapp_慕粉007 #1
    这个报错是什么原因呢? 我图片后缀名改了,jq链接地址也改了
    2019-03-22 14:24:22
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师