html5-用纯javascript或者纯jQuery 调用中国气象网的json数据的代码

问题描述

用纯javascript或者纯jQuery 调用中国气象网的json数据的代码

用javascript或者jQuery 调用中国气象网

http://m.weather.com.cn/data/101050101.html

只能用javascript,jQuery,html5,css

效果是完整显示在页面上城市,一周天气

解决方案

最简单的,设置一个div,用#ajax.get下载网页,用("#yourdiv").html直接装入。

解决方案二:

直接jquery,GET请求,返回的页面内容,再解析DOM,得到json格式数据,再解析

解决方案三:

这个涉及到跨域问题,获取不了,除非是jsonp格式。

可以使用iframe嵌入页面。

解决方案四:

只有js搞不定,还需要后台配合

解决方案五:

需要用第三方的接口将数据转为jsonp的格式提供调用,你直接用query的ajax请求是不行的,有跨域问题,不管你用什么技术。除非那个页面你能控制或者提供的是jsonp操作。

参考:http://www.coding123.net/article/20130228/JSONP-crossdomain-online-httpproxy-api.aspx

解决方案六:

用AJAX可能方面一点,

解决方案七:

用AJAX可能方面一点,

解决方案八:

使用iframe把那个url嵌入进来比较方便

解决方案九:

ajax获取,之后解析处理

解决方案十:

直接jquery,GET请求,返回的页面内容,再解析DOM,得到json格式数据,再解析

时间: 2024-09-13 16:45:52

html5-用纯javascript或者纯jQuery 调用中国气象网的json数据的代码的相关文章

ajax调用返回php接口返回json数据的方法(必看篇)

php代码如下: <?php header('Content-Type: application/json'); header('Content-Type: text/html;charset=utf-8'); $email = $_GET['email']; $user = []; $conn = @mysql_connect("localhost","Test","123456") or die("Failed in conn

java调用中国天气网api获得天气预报信息的方法_java

本文实例讲述了java调用中国天气网api获得天气预报信息的方法.分享给大家供大家参考.具体实现方法如下: //以冰城哈尔滨为例通过中国天气api调用天气信息 private String getWeatherInfo2(){ StringBuilder info = new StringBuilder(); try { DefaultHttpClient httpclient = new DefaultHttpClient(); HttpGet httget = new HttpGet("ht

jquery解析JSON数据示例代码

 作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式 这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明.  这里首先给

jquery解析JSON数据示例代码_jquery

这里可以找到json.js的代码,后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先给出JSON字符串集,字符串集如下: 代码如下: 复制代码 代码如下: var data=" { root: [ {name:'1',value

Jquery通过ajax请求NodeJS返回json数据实例_jquery

最近看了NodeJS相关的,在网上查了下结合AJAX的应用,感觉应用前景还是不错的.为什么用这个组合呢? 1.NodeJS不需要安装,拷贝过去就可以使用,而环境变量可以只配置在当前cmd窗口,运行方便. 2.通过HTML的ajax请求,可以实现在不同的服务器上,可跨域获取数据. 3.通信数据格式灵活,可以是xml.json.binary等,数据适合任何平台. 在说说我的环境,我使用的是公司提供的电脑,有很多限制,比如是域中电脑,操作权限低,无法安装任何软件,无法修改计算机配置,无法使用U盘等等.

jquery 获取json数据实现代码_jquery

复制代码 代码如下: //栏目 //发送ajax请求 $.getJSON( "../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 {id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 //对返回的JSON数据进行处理 function(json) { //循环取json中的数据,并呈现在

jquery ajax异步请求 接收返回json数据

例子  代码如下 复制代码 $('#send').click(function () {     $.ajax({         type : "GET",         url : "a.php",         dataType : "jsonp",         success : function (data) {             $.each(data.items, function (i, item) {       

jquery调用WebService和WebService输出JSON

(环境:vs2008+jquery1.2.3) 发现.net自带的ajax.net使用webservice输出的是json,其中关键的就是在请求时: Content-Type:application/json;utf-8 所以我们只要在POST时加上一个Content-Type:application/json;utf-8就可以了 $.ajax({ type: "POST", contentType:"application/json;utf-8", url: &q

jquery防淘宝网图片动态加载代码

   首先调用jquery库文件,还有jquery.scrollloading.js,您可以直接在页面的某处添上如下的代码: <script type="text/网页特效" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript" src="/