投稿
  1. 首页
  2. sql

中国天气网的json格式天气信息,怎么通过网页显示出来?html或者php都行

冒泡游戏 • 2023-3-28 • sql • 阅读 16

中国天气网的json格式天气信息,怎么通过网页显示出来?html或者php都行,第1张

由于大多浏览器默认禁止javascript跨域访问，你先载入信息到你的php脚本，然后用ajax跟你的php交互，有点蛮烦不过也是一种方法。

index.php文件代码

<?php

$url="http://www.weather.com.cn/data/sk/101180101.html"

$content = file_get_contents($url)

echo $content

?>

ajax.html代码

<html>

<head>

<script type="text/javascript">

function loadXMLDoc()

{

var xmlhttp

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest()

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 &&xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText

var func = new Function("return " + xmlhttp.responseText)

var jason = func()

alert(jason.weatherinfo.city)

}

}

var url = "index.php"

xmlhttp.open("GET",url,true)

xmlhttp.send(null)

}

</script>

</head>

<body>

<h2>AJAX</h2>

<button type="button" onClick="loadXMLDoc()">ok</button>

<div id="myDiv"></div>

</body>

</html>

1、在做这个小项目前的准备工作：

1.1、分析：

由于省、市、县城（区）这些数据是存储到了MySQL数据库中的，我们要通过后台servlet获取数据库中的数据，然后再通过转发或者重定向的方式将数据呈现到前台页面中。

1.2、需要导入的jar包有:

mysql驱动包：mysql-connector-Java-5.1.7-bin.jar

c3p0数据库连接池：c3p0-0.9.2.1.jar、mysql-connector-java-5.1.7-bin.jar（c3p0依赖包）

前台c标签（需要通过遍历的方式呈现——c:forEach）：jstl-1.0.2.jar、standard-1.0.1.jar（jstl依赖包）

将集合或者数组转换成json数据格式（Jackson包）：jackson-annotations-2.2.1.jar、jackson-core-2.2.1.jar、jackson-databind-2.2.1.jar

前台页面需要用到jQuery，故还需要导入jquery-1.7.2.js库文件

1.3、该小项目用到的技术：

jdbc的知识、servlet的知识、jquery的知识、Ajax的知识（局部刷新）、标签的知识、EL表达式的知识、JSP的知识

2、开发过程：

2.1、准备数据源

创建一个数据库，命名为thereaction并创建三个表——province（省）、city（市）、county（县/区）

2.2后台开发

创建三个Javabean分别是Province、City、County。（由于太过简单，这里就不粘代码了）

创建Java类和c3p0连接池实现与数据库的连接：DAO.java(实现获取数据库数据的功能)、jdbctools.java（实现获取数据库连接、释放连接的功能）、c3p0-config.xml

jdbctools.java代码如下：

[java] view plain copy

package com.xiaojie.dao

import java.io.IOException

import java.sql.Connection

import java.sql.PreparedStatement

import java.sql.ResultSet

import java.sql.SQLException

import javax.sql.DataSource

import com.mchange.v2.c3p0.ComboPooledDataSource

public class Jdbctools {

private static DataSource ds=null

//数据库连接池应只被初始化一次

static{

ds=new ComboPooledDataSource("helloc3p0")

}

//获取数据库连接

public static Connection getConnection() throws ClassNotFoundException, SQLException, IOException{

return ds.getConnection()

}

public static void shifanglianjie(Connection ct, PreparedStatement ps,ResultSet rs) {

if(rs!=null){

try {

rs.close()

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}

}

if(ps!=null){

try {

ps.close()

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}

}

if(ct!=null){

try {

ct.close()

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}

}

}

}

DAO.java的代码如下

[java] view plain copy

package com.xiaojie.dao

import java.io.IOException

import java.sql.Connection

import java.sql.PreparedStatement

import java.sql.ResultSet

import java.sql.SQLException

import java.util.ArrayList

import java.util.List

import com.xiaojie.beans.City

import com.xiaojie.beans.County

import com.xiaojie.beans.Province

public class DAO {

public List<Province>getprovince(String sql ,Object...args) throws ClassNotFoundException, SQLException, IOException{

List<Province>provinces=new ArrayList<Province>()

//准备去查数据库

Connection ct=null

ct=Jdbctools.getConnection()

System.out.println("获取到数据库的连接了")

PreparedStatement ps=null

ResultSet rs=null

ps=ct.prepareStatement(sql)

for(int i=0i<args.lengthi++){

ps.setObject(i+1, args[i])

}

rs=ps.executeQuery()

while(rs.next()){

provinces.add(new Province(rs.getInt("province_id"),rs.getString("province_name")))

}

Jdbctools.shifanglianjie(ct, ps, rs)

return provinces

}

public List<City>getcity(String sql ,Object...args) throws SQLException, ClassNotFoundException, IOException{

List<City>cities=new ArrayList<City>()

//准备去查数据库

Jdbctools jt=new Jdbctools()

Connection ct=null

ct=jt.getConnection()

PreparedStatement ps=null

ResultSet rs=null

ps=ct.prepareStatement(sql)

for(int i=0i<args.lengthi++){

ps.setObject(i+1, args[i])

}

rs=ps.executeQuery()

while(rs.next()){

cities.add(new City(rs.getInt("city_id"),rs.getString("city_name")))

}

jt.shifanglianjie(ct, ps, rs)

return cities

}

public List<County>getcounty(String sql,Object...args ) throws SQLException, ClassNotFoundException, IOException{

List<County>counties=new ArrayList<County>()

//准备去查数据库

Jdbctools jt=new Jdbctools()

Connection ct=null

ct=jt.getConnection()

PreparedStatement ps=null

ResultSet rs=null

ps=ct.prepareStatement(sql)

for(int i=0i<args.lengthi++){

ps.setObject(i+1, args[i])

}

rs=ps.executeQuery()

while(rs.next()){

counties.add(new County(rs.getInt("county_id"),rs.getString("county_name")))

}

jt.shifanglianjie(ct, ps, rs)

return counties

}

}

c3p0-config.xml的代码如下：

[html] view plain copy

<?xml version="1.0" encoding="UTF-8"?>

<c3p0-config>

<named-config name="helloc3p0">

<!-- 连接数据源的基本属性 -->

<property name="user">root</property>

<property name="password"></property>

<property name="driverClass">com.mysql.jdbc.Driver</property>

<property name="jdbcUrl">jdbc:mysql:///thereaction</property>

<!-- 若数据库中连接数不足时，一次向数据库服务器申请多少个连接 -->

<property name="acquireIncrement">5</property>

<!-- 初始化数据库连接池时连接的数量 -->

<property name="initialPoolSize">5</property>

<!-- 数据库连接池中的最小的数据库连接数 -->

<property name="minPoolSize">5</property>

<!-- 数据库连接池中的最大的数据库连接数 -->

<property name="maxPoolSize">10</property>

<!-- c3p0数据库连接可以维护的statement的个数 -->

<property name="maxStatements">20</property>

<!-- 每个连接同时可以使用的statement对象的个数 -->

<property name="maxStatementsPerConnection">5</property>

</named-config>

</c3p0-config>

创建servlet.java 文件

[java] view plain copy

package com.xiaojie.servlet

import java.io.IOException

import java.lang.reflect.Method

import java.sql.SQLException

import java.util.List

import javax.servlet.ServletException

import javax.servlet.annotation.WebServlet

import javax.servlet.http.HttpServlet

import javax.servlet.http.HttpServletRequest

import javax.servlet.http.HttpServletResponse

import com.fasterxml.jackson.databind.ObjectMapper

import com.xiaojie.beans.City

import com.xiaojie.beans.County

import com.xiaojie.beans.Province

import com.xiaojie.dao.DAO

/**

* Servlet implementation class ThreeactiondServlet

*/

@WebServlet("/threeactiondServlet")

public class ThreeactiondServlet extends HttpServlet {

private static final long serialVersionUID = 1L

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String methodname=request.getParameter("method")

try {

Method method=getClass().getDeclaredMethod(methodname,HttpServletRequest.class,HttpServletResponse.class)

method.invoke(this, request,response)//调用各自的方法

} catch (Exception e) {

e.printStackTrace()

}

}

private DAO dao=new DAO()

protected void province(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException, ClassNotFoundException, SQLException {

System.out.println("province的servlet进入了")

String sql="select province_id,province_name from province"

List<Province>provinces=dao.getprovince(sql)

request.setAttribute("provinces", provinces)

System.out.println(provinces)

//注意：这里不能用重定向的形式，因为我们好不容易在request请求域中存储了省的信息，目的是在前台页面中能够从请求域中获取到我们存在数据库中的值

//故这里只能用转发的方式

request.getRequestDispatcher("/index2.jsp").forward(request, response)

}

protected void city(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException, ClassNotFoundException, SQLException {

System.out.println("city的servlet进入了")

String province_id=request.getParameter("province_id")

String sql="select city_id,city_name from city where province_id=?"

List<City>cities=dao.getcity(sql,Integer.parseInt(province_id))

ObjectMapper mapper=new ObjectMapper()

String result=mapper.writeValueAsString(cities)

System.out.println(result)

response.setContentType("text/javascript")

response.getWriter().print(result)

}

protected void county(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException, ClassNotFoundException, SQLException {

System.out.println("county的servlet进入了")

String city_id=request.getParameter("city_id")

String sql="select county_id,county_name from county where city_id=?"

List<County>counties=dao.getcounty(sql,Integer.parseInt(city_id))

ObjectMapper mapper=new ObjectMapper()

String result=mapper.writeValueAsString(counties)

System.out.println(result)

response.setContentType("text/javascript")

response.getWriter().print(result)

}

}

推荐使用：[翼南]IP数据库 下载地址： http://www.wingsofts.com/html_cn/目前，国际、国内省地市级的准确率和覆盖面均位居国内同类数据库的首位。IP数据库，是由专业技术人员经过长时间通过多种技术手段收集而来的，并且长期有专业人员进行更新、补充。1. IP市级库 ：可以查询到所有国内的IP段，精确到地级市（部分固定IP精确到区县）。国际精确到国家（即IP国家库）。2. IP国家库 ：可以查询到国际上各个国家的IP段，精确到具体的国家，不能查到更深层的省市。3. IP省级库（无ISP）：可以查询到国内的IP段，精确到省。（有个别数据只能确定是在国内，不能定位到省。含港澳台地区）4. IP省级库（含ISP）：在省级IP库的基础上，可以进一步查询到该IP所属的ISP信息。（只能查询到省，部分IP的ISP信息无法确定）5. 省级定制IP库：可以查询国内某个省份的IP段，精确到地级市。每个省为一个单位，按省销售。（可以查询到这些IP的ISP信息） 6. ISP定制IP库：可以查询某个ISP所辖IP段。每个ISP为一个单位，按ISP销售。不能查到省市信息。7. 国内范围IP库（大陆地区）：可以查询到所有国内的IP段，不能精确到更深层的省市及ISP信息。不包含港澳台地区。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/sjk/6779105.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
冒泡游戏 冒泡游戏 一级用户组
0 0
上一篇 2023-03-28
下一篇 2023-03-28

发表评论

登录后才能评论

评论列表（0条）

保存