老师，看着视频会操作，但实际到自己的开发中就懵逼了
例如这里，我想14.9这数字是动态的，我怎么根据后台数据来实现呢，这里的中ajax又是怎么写呢？
<button >
<p class="Celsius_num">14.9<span class="unit_text">℃</span></p>
<p class="temperature">温度</p>
</button>
正在回答
同学你好，看报错是跨域的问题
html文件需要在服务器下打开哦，不能在本地直接打开。
另外老师按照同学写的文件路径进行了测试，需要是这样的目录才可以
ajax文件夹中有三个文件，json需要和html文件在一起，不能分开。如果要分开的话，需要更换json文件路径。
自己再测试下，祝学习愉快！
同学你好，http://localhost:8081/ajax/test/data/data.json这个接口地址，从截图上看没有问题：
如果同学想看页面效果，需要在浏览器地址栏输入index.html文件所在的地址，老师猜测是http://localhost:8081/ajax/test/index.html。
如果哪里有问题，可以详细说明一下，再把代码、浏览器截图、项目目录截图等内容粘贴出来，以便老师尽快为你解答问题。
祝学习愉快！
-
慕仰7236035 #1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试</title>
<script src="jquery.js"></script>
</head>
<body>
<div>
<p id="name"></p>
<p id="num"></p>
</div>
<script>
$.ajax({
type:"get",
url: "http://localhost/ajax/data.json",
dataType: "json",
}).done(function(data){
console.log(data);
$("name").html(data.name);
$("num").html(data.number);
}).fail(function(){
console.log("获取到个der");
})
</script>
</body>
</html>这是一个文件夹的创建的测试代码，
这是我在PHPstudy瞎创建的json文件
我启动PHP是能显示数据的
然后我页面ajax请求的时候
就是我想了解一下，是不是josn文件一定要放在同一个文件夹中，我另外一个文件夹里的页面去请求别的文件下的JSON文件时就出现这个错误，这是什么原因
2021-03-11 20:26:02
同学你好，可以参考如下例子：
1、新建了一个ajax文件夹，文件夹中放data.json、index.html、jquery.js三个文件：
其中，data.json就是为了模拟后端接口，请求该文件，能得到里面的数据。
2、将这个文件夹放到phpstudy中：
然后启动phpstudy，并在浏览器中打开项目：
3、代码如下：
json中的代码如下：
index.html文件中，代码如下：
页面效果如下：
同学可以把上面的例子敲一下，体会一下。
如果还是不懂，建议把ajax部分的内容，再回顾一下，这样能更懂些：
祝学习愉快！
同学你好，解答如下：
1、看着视频会写代码，自己单独写就不会，这个现象很正常，主要是因为练的太少了。如果练得多，甚至都能默写下来了，那么以后再看到这类的需求，就会立马想起来思路是什么、大概怎么写了。暂时不要急，写的多、想的多、经验多了，慢慢就会写了。
2、14.9这个数据是动态的，那么需要在js中先把数据请求回来，再渲染到dom结构上。jquery的ajax方法的使用方式如下：
其中type、url、以及data中需要什么数据，后端人员都会告诉我们，我们只需要把这些参数补充完整就能获取到数据了。done方法中的data就是获取到的数据，然后渲染到元素上即可，例如：
祝学习愉快！
-
慕仰7236035 #1
emmm,老师可以用那个PHPstudy模拟一下后端，然后ajax请求一下，整个操作讲解一下吗？就以上面的代码为例子，看了视频我还是挺懵的
2021-03-11 09:45:20
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星