异步Ajax请求查看天气预报小案例
- 需要一个天气预报的后台接口:http://wthrcdn.etouch.cn/weather_mini?city=XX
- 通过Ajax访问后台 获取后台数据
- 后台JSON数据格式的解析读取操作
- 动态添加多个嵌套样式标签展示到前台时,采用字符串拼接与变量替换的方法 `$(变量名)`
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>天知道</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<div class="wrap" id="app">
<div class="search_form">
<div class="logo"><img src="img/logo.png" alt="logo" /></div>
<div class="form_group">
<input type="text" id="cityname" class="input_txt" placeholder=