JavaScript学习笔记：AJAX基础

最新推荐文章于 2024-07-19 12:00:00 发布

迷糊小猫爱吃俞

最新推荐文章于 2024-07-19 12:00:00 发布

阅读量190

点赞数

分类专栏： JavaScript学习文章标签： ajax

本文链接：https://blog.csdn.net/weixin_45095093/article/details/103468459

版权

JavaScript学习笔记：AJAX基础

一、准备工作

1、Python案例：查询城市天气并绘制最高气温与最低气温折线图
2、使用JSON Viewer直观查看JSON数据
3、Java Web学习笔记13：AJAX基础
4、解决安装phpstudy_pro之后启动Apache失败的问题

任务1：下载安装phpstudy_pro

任务2：下载安装HBuilderX 创建HBuilderX任务

（我电脑上已安装，就不截屏安装路径了）
在这里插入图片描述

任务3、输入城市代码，返回城市天气预报信息（城市名当天最高气温）

网络接口:http://t.weather.sojson.com/api/weather/city/
具体格式：http://t.weather.sojson.com/api/weather/city/101271001
其中101271001是泸州的城市代码,利用http://toy1.weather.com.cn/search?cityname=泸州可以查询到泸州的城市代码。
在这里插入图片描述
利用JSON Viewer可以直观查看返回的天气JSON数据：

1.task01.php

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>通过城市代码查询城市天气</title>
	</head>
	<body>
		<h3>通过城市代码查询城市天气</h3>
		<form action="do_task01.php" method="post">
			输入城市代码：<input id="cityCode" type="text" name="cityCode"/>
			<input type="submit" value="提交" />
		</form>
	</body>
</html>

在这里插入图片描述

2.do_task01.php

在这里插入图片描述

<html>
	<head

最低0.47元/天解锁文章

迷糊小猫爱吃俞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript学习笔记：AJAX基础

JavaScript学习笔记：AJAX基础一、准备工作1、【Python案例：查询城市天气并绘制最高气温与最低气温折线图】（https://blog.csdn.net/howard2005/article/details/102752640）2、使用JSON Viewer直观查看JSON数据（https://blog.csdn.net/howard2005/article/details/...
复制链接

扫一扫