项目场景:
上课时,代码照着老师敲的还是无法得到结果
相关代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./jquery.min.js"></script>
</head>
<body>
<h1>解析京东获取商品价格的json字符串</h1>
<div>
商品的编号:<span id="id"></span>
</div>
<div>
商品的价格:<span id="price"></span>
</div>
</body>
<script>
//发起ajax请求,{}参数集合,
$.ajax({
async: true, //异步
type: "POST", //请求类型POST
url: "https://p.3.cn/prices/mgets", //请求地址
data: { //请求参数
//skuIds=J_100009077449
"skuIds": "J_100009077449" //参数格式k:v
},
contentType: "application/json;charset=utf-8;", //请求类型
dataType: "jsonp", //返回类型
success: function( data ){ //成功返回,数据封装到data js对象中
console.log(data)
//解析返回值,把编号和价格在页面中展现
var price = data[0].p;
var id = data[0].id.substring(2);
$("#id").text(id); $("#id").css("color","blue");
$("#price").text(price); $("#price").css("color", "red");
},
error: function( e ){ //错误返回,e代表错误状态好和异常信息
console.log(e.status);
console.log(e.responseText);
}
})
</script>
</html>
我出现这个问题 按f12调试
问题描述:
问了下同学 说是因为内网无法访问外网京东导致的
解决方案:
https://p.3.cn/prices/mgets?skuIds=J_100009077449 先访问这个网站
然后点击高级连接
点击继续前往
出现这个界面表示权限解除
再刷新下原来界面 成功!
这位大佬写的很详细
我这个只是怎么写了个图文解决方法 具体分析请看
相关文章参考:chrome浏览器如何避免network报错:ERR_CERT_AUTHORITY_INVALID并添加为例外或继续前往