json的api接口如何直接调用到网页html 5C

json的api接口如何直接调用到网页html

这个是天气的api:http://t.weather.sojson.com/api/weather/city/101040100

我需要在网页上调用
http://www.jintiantianqi.com/qiwen.html?wid=101040100&t=1
这个是调用页面

我需要格式化成一个表格或者加在CSS变成一个天气预报的形式
请问大神怎么调用
我需要一个html页面代码
怎么让这个格式化后显示出来 效果如图
图片说明

怎么写 麻烦大神就写一个参数就行了 剩下的我自己写都可以

0

5个回答

http://www.weather.com.cn/weather15d/101190101.shtml
就是这个地址
你浏览器打开,f12,css自己copy就是了。

1
hurq11
hurq11 html怎么调用过来
7 个月之前 回复
hurq11
hurq11 怎么调用过来呢 方便帮我写个代码吗
7 个月之前 回复

图片说明
显示的效果像这样
大神只要贴代码 效果我怎么调整

0

你这个问题,实质就是如何解析返回的JSON数据的问题。
具体如何解析,还要根据你的实际情况,比如你是否用了JQ?如果有,JQ有提供的解析方法。
没有用JQ,也有不同的方法,比如用字串函数(或辅以正则表达式)去提取信息,或者EVAL成JSON对象,或者引入专门的JSON解析JS脚本。
根据你自己的情况,判断一下想采取哪种方式,然后把问题细化成关键点再搜索一下相关具体方法就行了。
当然,最好也别忘了去看看你所用的API有没有提供配套的解析方法,如果有,最好使用配套方法,既方便又避免可能某些地方不兼容

0

自己解析用spring的 restTemplate.getforobject 简单又好用!

0

Json解析下,然后CSS填入对应的Json字段值不就行了。。。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
直接调用接口页面代码 或 页面调试接口
测试
HTML5网页通过ajax跨域调用接口获取json数据并解析(一)
接口使用Idea设计,返回json字符串。HTML5页面使用WebStorm设计,需要导入jquery。 设计接口需要有Gson包。 一、SpringBoot接口 @PostMapping("/getUserListJson") public String getUserListJson() { List userList = userRepository.getUs
Python 调用JSON接口实例
假如我们知道豆瓣读书的API接口,https://api.douban.com/v2/book/1220563 想要调用JSON接口。 则使用如下代码实现:# #coding:utf-8import json import urllib2#若果只需要获取一个接口的数据 url = r'https://api.douban.com/v2/book/1220563'#访问网页 response = u
html中通过js获取接口JSON格式数据解析以及跨域问题
前言:本人自学前端开发,一直想研究下js获取接口数据在html的实现,顺利地找到了获取数据的方法,但是有部分接口在调用中出现无法展示数据。经查,发现时跨域的问题,花费了一通时间,随笔记录下过程,以方便后来的童鞋。欢迎指正。 正文: 一、使用js获取接口数据的方法 ①$get(url,[data],[callback]) url:请求的地址;data:请求数据的列表;callback:请求成
HTML中调用Api
/** webView的代理方法 */ func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool { // 1.取出请求字符串 let
.net后台调用接口
string SName = TextBox1.Text.Trim(); WebClient client = new WebClient();//需要先请求接口 //把接口转换成byte数据流 Byte[] byteTest = client.DownloadData("https://restapi.amap.com/v3/geocode/geo?address=" + S...
调用国内著名网站的第三方调用API接口地址
https://github.com/jokermonn/-Api 来,大兄弟 拿走不谢,现在我都不想在群里分享了
WEBAPI 返回一个html页面
public HttpResponseMessage getHtml() { string uri = "http://docs.google.com/gview?embedded=true&url=www.pdf995.com/samples/pdf.pdf"; ...
HTML调用百度地图API
HTML调用百度地图API     百度地图API自定义地图     html,body{margin:0;padding:0;}     .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:
Java API接口调用,返回json格式处理
对于那些API接口调用的是一件很简单的事,自己写个膜拜以后自己调用即可,先写个基本的,看客可以根据自己需求进行修改,等以后用反射机制,动态传入Object 就更加完美了,先分享简单的。 import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.URL; import java.net.URLC
- Python HTML正文抽取(存储为JSON) [ 笔记 ]
抽取HTML后的内容,一般都会存储为JSON或者CSV格式。《Python爬虫开发与项目实战》一书中以小说阅读网为例,抽取出小说的标题、章节、名称和对应链接,那么为了保险起见,还是老老实实照着来吧 ——  在抽取之前,作者在书中特意强调了一点,http://seputu.com/是一个静态网站,它所有的标题章节名称都不是由JavaScript动态加载的,虽然我不明白作者为什么要特意强调这一点...
android程序中调用html网页实现数据交互
  在android 里面可以使用webwiew 控件,在安卓界面里面嵌入html网页。步骤有三步:1.设置允许webView 加载html(或js)    2.编写html(js)接口类package com.example.webview; import android.util.Log; import android.webkit.JavascriptInterface; public ...
直接将json 数据打印到页面,省去转换
Map m = new HashMap(); m.put("statusCode", 200); m.put("message", "操作成功"); m.put("callbackType", "forward"); m.put("forwardUrl", href); String json = JsonUtil.getJsonString4JavaMa
python-小项目1- 获取网页中的json数据并进行简单处理
1. 目标 把网页上存储的json格式文本抓下来,并且计算所有数值的和。 2. 简介: 用urllib把网页数据抓下来 注意忽略ssl错误提醒 检查抓下来的数据格式,这里的json 调用python中的json库把数据变为dictionary格式;先用len查看有多少个value/key对。 把需要的数据抓下来 对数据进行简单处理。 3. 详细过程 ...
C# 网络API接口使用
网络API使用
JS通过JSONP跨域请求API接口
一般JS跨域请求,会经常用到dataType:"JSONP"的格式请求,这里做了一个接口服务器和请求服务器的例子: 接口服务器地址:http://www.api.com/login.php 接口服务器要这样写: <?php $response['status']=200; $response['msg']="success"; echo "login(".json_encode(
如何使用PHP调用API接口( 如何POST一个JSON格式的数据给Restful服务)
用curl可执行如下命令:curl -l -H “Content-type: application/json” -X POST -d ‘{“phone”:”13521389587”,”password”:”test”}’ http://domain/apis/users.json用jQuery:$.ajax({ url:url, type:"POST", data:data, co
python读取api接口json数据
#by 侯禹江 #2018、/0/27 import json from urllib.request import Request, urlopen #zb网站获取数据Api url = &quot;https://trans.bitkk.com/line/topall?area=&amp;amp;jsoncallback=jQuery19102569901551353...
Ajax跨域调用WebApi接口方法,后台json格式传参数
前台datagrid中绑定的按钮事件 <asp:TemplateColumn HeaderText="调用接口" SortExpression="message_push"> <ItemTemplate> <asp:button id="Messagepush" runat="server" t
本地写json数据并在页面中调用
这里我自己写的是两个方法,一种是用js文件中写的,一种是在json文件中写的。 js文件: var workData = { &quot;firstWork&quot;:{ &quot;companyName&quot;:&quot;&quot;, &quot;time&quot;:&quot;&quot;, &quot;department&quot;:&quot;&quot;, &quot;positi
项目组给了我一个接口直接访问是json的数据,我怎么在得到接口中的json数据在页面显示啊!
为了帮助网友解决“项目组给了我一个接口直接访问是json的”相关的问题,中国学网通过互联网对“项目组给了我一个接口直接访问是json的”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:项目组给了我一个接口直接访问是json的数据,我怎么在得到接口中的json数据在页面显示啊!,具体解决方案如下: 解决方案1: javascript 解析写到页面上 java的话 把字符串转成
几个html网页提取正文的API和开源算法
1.  URL2io 提供网页信息提取服务 http://blog.url2io.com/url2io-app-samples/pageless/ 2.readability https://github.com/luin/readability 3.arex Turn any web page into a clean view
加载本地json文件,并利用批处理调用Chrome显示html
加载本地json文件 1.加载本地json文件 为了调试保存在本地的json数据,需要进行读入。一般使用jQuery来进行,但需要对浏览器进行一点设置。 Chrome浏览器中有一个启动选项--allow-file-access-from-files,在启动的时候需要设置一下。 属性设置 这种方法一般在chrome快捷方式右键属性中&amp;amp;gt;目标,在exe后面增加上面参数即可。 但这种方法会修...
实现api返回json数据并在调用api时处理json数据
一些自己的理解,自己创建一个api,返回值是json类型的字符串,在后台取出来之后对json类型的字符串进行一系列处理。
DEDECMS(织梦) API&JSON 适用于IOS及Android移动端开发
DEDECMS API 搭建目前DEDECMS已经给出了数据库标签,我们可以根据JSON.PHP文件进行数据录入,写成JSONJSON返回值返回文章信息,这些输出都可以在源文件里进行修改的。待完。。。如有问题可以联系QQ550707177(微信同步)...
微信小程序通过api接口将json数据展现到小程序示例
实现知乎客户端的一个重要知识前提就是,要知道怎么通过知乎新闻的接口,来把数据展示到微信小程序端上。 那么我们这一就先学习一下,如何将接口获取到的数据展示到微信小程序上。 1.用到的知识点 wx.request 请求接口资源(微信小程序api中的发起请求部分) swiper 实现轮播图的组件 wx:for 循环语句 微信小程序的基础知识 2.实现原理
抓取html页面中的json数据
遇见问题: 在开发爬虫时,我们有时需要抓取页面中的ajax的json数据。 解决方案: 采用正则表达式,高端大气上档次,重点是简洁,举个栗子: html页面: 上面省去N行。。。。 var userLogin = function(){ var jsonBean = { number:"177***7495", intLoginType:"4",
中国天气网API接口[祥注:使用网页,并设置utf-8编码,则可以看得见json中的中文,解决乱码]
http://www.weather.com.cn/data/sk/101010100.htmlhttp://www.weather.com.cn/data/cityinfo/101010100.htmlhttp://m.weather.com.cn/data/101010100.html这三个已经停用,数据不再更新,即使修改Referer,得到的已经不是正确的信息。官网提供的API一、调用规范 ...
PHP实现天气接口,并把返回的json数据提取出来输出到前端
public function index() { $url = 'http://api.map.baidu.com/telematics/v3/weather?location=%E6%B4%9B%E9%98%B3&amp;amp;output=json&amp;amp;ak=6tYzTvGZSOpYB5Oc2YGGOKt8'; $content = file_get_contents($url...
接口返回值结果转换成JSON
接口返回值结果转换成JSON,具体的方法如下: public static String GetJsonValue(String result,int index,String key){ int indexloc,indexkey; String newstr; indexloc=result.indexOf(&quot;[&quot;); indexkey...
jq接入豆瓣API
豆瓣api查询书籍例子1. 创建html环境(红色的注释很重要)&amp;lt;body&amp;gt; &amp;lt;input type=&quot;text&quot; name=&quot;bookId&quot; class=&quot;book&quot; value=&quot;1003078&quot;&amp;gt;//这里的value值以豆瓣 小王子书籍 的id为例; &amp;lt;input type=&quot;submit&quot; class=&quot;go&am
后台传的json 数据遍历到HTML 页面
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1、HTML页面 [html] view plain copy >  html>  head>      meta charset="utf-8">      title>xx信息查询title>      script ty
心知天气API如何调用与json数据如何显示
心知天气API如何调用与json数据如何显示
留言板功能—jQuery解析json并加载到HTML
$().ready(function() { //获取留言信息 getComment(); }); function getComment(){ $.ajax({ url : "../../CommentServlet?method=getComment&page_now=1&com_type=3", dataType : "JSON", suc
将string直接返回网页,不能作为json处理的解决方法
在做项目的过程中,遇到了一个问题  java中直接向页面返回string  而页面的以json格式来接收数据 java代码如下:    @ResponseBody     @RequestMapping("/selectKuaiDi")     public  String  selectKuaiDi(这里是你的参数){       //-----------------这里是你的代
api接口调用实例(response json_encode json)创建展视互动直播间,
一、返回值是一维数组取值的方法创建展视互动直播间提交参数创建直播间返回直播间参数,然后取得参数保存到数据库01.html代码&amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;无标题文档&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; #fo
历史上的今天api
http://www.cnblogs.com/daxiangxm/p/lssdjt.html 历史上的今天接口api ip地址查询 www.ipip5.com 为大家提供历史上的今天接口api,提供txt和json两种返回格式。   1.txt文本格式 http://www.ipip5.com/today/api.php?type=txt 2
一个用于创建JSON接口的网站 http://myjson.com/api
http://myjson.com/api 你可以用来创建你用于测试临时JSON数据 创建完他会生成一个JSON的接口用于访问 使用Vue和fetch进行测试 &amp;amp;lt;script src=&amp;quot;https://cdn.jsdelivr.net/npm/vue/dist/vue.js&amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;app-8&amp
如何在网页中调用百度地图API
转载地址:http://www.cnblogs.com/milkmap/archive/2011/02/22/1960004.html 【百度地图API】建立全国银行位置查询系统(一)——如何创建地图 你将在第一章中学会以下知识: 如何创建一个网页文件怎样利用百度地图API建立一张2D地图,以及3D地图如何添加对地图进行鼠标和键盘操作的功能 ------
Html调用打印机实现打印、预览等功能
Html调用打印机实现打印、预览等功能 代码很简单,看不懂也没关系,直接调用就行能实现
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 html网页如何制作教程 如何制作html网页教程