从文件中提取AJAX
extract AJAX from file
在我问的另一个问题的帮助下,让我的AJAX工作后,我想创建另一个包含函数的文件,以保持我的代码整洁。我在网上没有找到任何有用的东西,所以我想可能是不可能的。下面是我想提取的代码:
<script> <!-- overall co2 -->
var co2;
var url="/solarpv/api/co2/list"
var jsonObject;
$(document).ready(function(){
$.getJSON(url,function(result){
jsonObject = result;
co2 = result[0].Cumulative_CO2;
$('#ajaxRequest').html("Our solar panels have saved " + co2 + " pounds of CO2 since they were installed.");
});
});
<!-- today co2 -->
var co2today;
var url2="/solarpv/api/co2/today"
$(document).ready(function(){
$.getJSON(url2,function(result){
co2today = result[0].CO2;
$('#today').html("Our Solar Panels have saved " + co2today + " pounds of c02 so far today.");
});
});
<!-- yesterday's CO2 -->
var url3 = "/solarpv/api/co2/list?start=2013-04-28%2001:00:00&end=2013-04-29%2001:00:00";
var yesterdayCO2;
$(document).ready(function(){
$.getJSON(url3,function(result){
yesterdayCO2 = result[0].Cumulative_CO2;
$('#yesterday').html("Yesterday alone, our solar panels saved the same amount of CO2 it would take " + yesterdayCO2/1.98 + " people to create!");
});
});
<!-- last years's CO2 -->
var url4 = "/solarpv/api/co2/list?start=2012-04-28%2001:00:00&end=2013-04-29%2001:00:00";
var trees;
$(document).ready(function(){
$.getJSON(url4,function(result){
trees = result[0].Cumulative_CO2;
$('#yesterday').html("Last year our solar panels saved the equivalent of " + trees/48.061 + " trees worth of C02");
});
});
</script>
在使用此命令的文件中留下的html示例如下:
<li id="yesterday">
<script>
document.write("Yesterday alone, our solar panels saved the same amount of CO2 it would take " + yesterdayCO2 + " people to create!");
</script>
</li>
使用这个标签来加载javascript。把它放在HTML的底部,在</html>
<script type="text/javascript" src="myJs.js"></script>
然后你必须把javascript(没有<script>
标签)放在名为myJs.js的文件中,并使其可从浏览器加载。
相关文章:
- 使用JavaScript或AJAX从HTML表单中提取数据,然后将其传递给PHP
- 如何将jquery ajax数据提取为html
- 如何让Javascript将通过AJAX请求提取的tinyint(1)数据视为布尔值
- 我可以将 AJAX 调用放在表示组件中,还是应该提取容器
- 如何在JS/Ajax中每秒提取PHP函数
- 显示从AJAX调用中提取的特殊字符时出现问题
- 从 Ajax-JSON 中提取元素
- 如何在选择项目时使用 ajax 将数据提取到输入字段中
- 使用给定的URL和密钥将JSON对象提取到jQuery ajax中
- 如何存储一个对象数组,这些对象是 ajax 查询从 javascript 中的 JSON 中提取数据的结果
- 使用 jquery 从 ajax 响应中提取
- 从 ajax 响应中提取数据
- Ajax,PHP,Javascript在组合框选择后从数据库中提取值
- 如何在 Django 中使用 ajax 调用从外部脚本中提取数据
- 如何使用 jQuery 提取作为 AJAX 响应接收的 JSON 数据并将其添加到 HTML 选择下拉列表中
- 当内容通过 AJAX 时,如何从 html() 中提取给定 DIV 的 HTML()
- 将加载进度添加到 AJAX 网址提取
- 使用 AJAX 和 jQuery 从外部文件中提取某些 HTML 元素
- 使用Jquery AJAX提取API数据
- 在wordpress post中使用ajax提取HTML内容