Ajax测试功能

8 months ago · 23be0caad7
parent 4acea3939a
commit 23be0caad7
1 changed files with 34 additions and 0 deletions
--- a/test01.html
+++ b/test01.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+	
+	<head>
+		<meta charset="UTF-8">
+		<title>test_001</title>
+		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+	</head>
+	
+	<body>
+		<div id = "top01">
+			<p id="top02">这是一段文字</p>
+				<input type="text" id="in"/>
+				<button onclick="getInput()"></button>
+		</div>
+	</body>
+	<script>
+		let name;
+		function getInput(){
+			name = document.getElementById('in').value;
+			$.getJSON("js/JSONTEST.json",function(data){
+				for(i in data.Title){
+					if(data.Title[i].includes(name,0)) name = data.Title[i];
+				}
+			Title.innerHTML = (name); 
+			console.log(data); 
+			});
+			console.log(name);
+		}
+		
+		let Title = document.getElementById('top02');
+		
+	</script>
+	
+</html>