信息管理创新实践学习周记11

最新推荐文章于 2021-07-01 22:05:37 发布

芝芝莓莓少少冰

最新推荐文章于 2021-07-01 22:05:37 发布

阅读量66

点赞数

分类专栏：信息管理创新实践学习笔记

本文链接：https://blog.csdn.net/weixin_48813559/article/details/118398145

版权

信息管理创新实践学习笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

信息管理创新实践学习周记11

实验1
- 代码
- 运行结果
GET请求
POST请求

实验1

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<script type="text/javascript">
		document.addEventListener('plusready', function(){
			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")
			
		});  
			$(document).ready(function(){
				$("button").click(function(){
					var city=$("#city").val();
					$.ajax({
						type:"GET",
						url:"http://wthrcdn.etouch.cn/weather_mini?city="+city,
						dataType:"json",
						success:function(result){
						
							
							addBox(result.data.forecast);
							
						}
					});
				});
            });
			function addBox(json_data){
				$.each(json_data,function(index,obj){
					$("#box").append("<div'>" +
						
							"<p>" + obj['date'] + "</p>" +
							
							
							"<p>" + obj['high'] + "</p>" +
							
							"<p>" + obj['fengli'] + "</p>" +
							
							"<p>" + obj['low'] + "</p>" +
							
							"<p>" + obj['fengxiang'] + "</p>" +
							
							"<p>" + obj['type'] + "</p>" +
							
							"</div>");
                });
			}
		</script>
	</head>
	<body>
		<h3>请输入城市：</h3>
		城市：<input type="text" id="city"/>
		<br>
		<button type="button">提交</button>
		<br>
		<div id="box">
	</body>
</html>

运行结果

在这里插入图片描述

GET请求

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
		function loadXMLDoc()
		{
			var xmlhttp;
			if (window.XMLHttpRequest)
			{// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
				xmlhttp=new XMLHttpRequest();
			}
			else
			{// IE6, IE5 浏览器执行代码
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange=function()
			{
				if (xmlhttp.readyState==4 && xmlhttp.status==200)
				{
					document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
				}
			}
			xmlhttp.open("GET","/try/ajax/demo_get.php",true);
			xmlhttp.send();
		}
		</script>
	</head>
	<body>
		<h2>AJAX</h2>
		<button type="button" onclick="loadXMLDoc()">请求数据</button>
		<div id="myDiv"></div>
	</body>
</html>

POST请求

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
		function loadXMLDoc()
		{
			var xmlhttp;
			if (window.XMLHttpRequest)
			{// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
				xmlhttp=new XMLHttpRequest();
			}
			else
			{// IE6, IE5 浏览器执行代码
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange=function()
			{
				if (xmlhttp.readyState==4 && xmlhttp.status==200)
				{
					document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
				}
			}
			xmlhttp.open("POST","/ajax/demo_post2.asp",true);
			xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
			xmlhttp.send("fname=Bill&lname=Gates");
		}
		</script>
	</head>
	<body>
		<h2>AJAX</h2>
		<button type="button" onclick="loadXMLDoc()">请求数据</button>
		<div id="myDiv"></div>
	</body>
</html>

芝芝莓莓少少冰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
信息管理创新实践学习周记11

信息管理创新实践学习周记11实验1代码运行结果GET请求POST请求实验1代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <scrip
复制链接

扫一扫