分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

原生JS和jQuery分别使用jsonp来获取“当前天气信息”

发布时间:2023-09-06 02:01责任编辑:熊小新关键词:jsjQueryjson

需掌握的技能点:

  jsonp、跨域相关等。

  以下两种代码,均可直接运行。

1、使用原生JS:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<p id="cur_year"></p> ???<div id="iciba_ds"></div></body></html><script type="text/javascript"> ???document.getElementById("cur_year").innerHTML =new Date(); ???function data(data){ ???????//遍历 ???????var description = ""; ???????for(var i in data.result){ ???????????var property=data.result[i]; ???????????description+=i+" = "+property+"<br />"; ???????} ???????document.write(description); ???}</script><script type="text/javascript" src="http://api.k780.com:88/?app=weather.today&weaid=412&&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data"></script>

2、使用jquery:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title> ???<script type="text/javascript" src="jquery-3.3.1.min.js"></script> ???<script> ???????$(document).ready(function(){ ???????????$.ajax({ ???????????????type ?????????: ‘get‘, ???????????????async ????????: false, ???????????????url ??????????: ‘http://api.k780.com/?app=weather.today&weaid=412&appkey=10003&sign=b59bc3ef6191eb9f747dd4e83c99f2a4&format=json&jsoncallback=data‘, ???????????????dataType ?????: ‘jsonp‘, ???????????????jsonp ????????: ‘callback‘, ???????????????jsonpCallback : ‘data‘, ???????????????success ??????: function(data){ ???????????????????if(data.success!=‘1‘){ ???????????????????????alert(data.msgid+‘ ‘+data.msg); ???????????????????????exit; ???????????????????} ???????????????????//遍历 ???????????????????var description = ""; ???????????????????for(var i in data.result){ ???????????????????????var property=data.result[i]; ???????????????????????description+=i+" = "+property+"<br />"; ???????????????????} ???????????????????document.write(description); ???????????????}, ???????????????error:function(){ ???????????????????alert(‘fail‘); ???????????????} ???????????}); ???????}); ???</script></head><body></body></html>

原生JS和jQuery分别使用jsonp来获取“当前天气信息”

原文地址:https://www.cnblogs.com/mycognos/p/9222306.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved