vue(12)ajax

柔情只为你懂 2022-01-11 08:05 108阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>vue</title>
    	<style type="text/css">		
    	</style>
    </head>
    <body>
    	<script src="vue.min.js"></script>
    	<script src="fetch.min.js"></script>
    	<script src="axios.min.js"></script>
    
    	<div id="hero"></div>
    	<script type="text/javascript">
    		var url = "json.txt"
    		fetch(url).then(function(response){ 
    			response.json().then(function(jsonObject){ 
    				var jsonString = JSON.stringify(jsonObject)
    				document.getElementById("hero").innerHTML = "通过fetch获取到的json数据： "+jsonString;
    			})
    		}).catch(function(err){ 
    			console.log("Fetch错误："+err);
    		})
    	</script>
    	<hr>
    	<div id="hero2"></div>
    	<script type="text/javascript">
    		var url="json.txt"
    		axios.get(url).then(function(response){ 
    			var jsonObject = response.data;
    			var jsonString = JSON.stringify(jsonObject)
    			document.getElementById("hero2").innerHTML = "通过axios获取到json数据： "+jsonString
    		})
    	</script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue-ajax

vue-ajax 1.异步提交Ajax的方式把数据提交到后台，得阻止表单默认提交行为 2.收集表单中的数据 <!DOCTYPE html> ...

向右看齐/ 2024年04月17日 05:23/ 0 赞/ 15 阅读

相关【Vue.js】012-ajax

一、vue-resource vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。当vue更新

怼烎@/ 2023年10月05日 08:55/ 0 赞/ 1 阅读

相关（12）vue引用echarts

一、引用步骤： 1、先引入echarts库：如果用的页面比较多，可以在main.js中全局引入echarts库；如果用的页面不多，可以单独引入。这里采用全局引入：

布满荆棘的人生/ 2023年07月20日 12:15/ 0 赞/ 9 阅读

相关 php+ajax+vue接口

<?php $host='localhost'; $user='shopping'; $pass='000000';

超、凢脫俗/ 2023年01月01日 02:48/ 0 赞/ 102 阅读

相关 Javaweb——(day12)JSON和Ajax

文章目录 JSON、AJAX、i18n 1.什么是JSON? 1.1 JSON在JavaScript中的使用

淩亂°似流年/ 2022年12月24日 14:56/ 0 赞/ 76 阅读

相关 jQuery 之 AJAX 方法（12）

什么是 AJAX？ AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情

谁践踏了优雅/ 2022年09月23日 14:50/ 0 赞/ 136 阅读

相关 vue2.0发送ajax,Vue2使用ajax发送请求

Vue2使用ajax发送请求 ![beecc95b0a32b57cabb7b6dfafed45b3.png][] 2年前阅读 6728 评论 0 喜欢 0 \\\

た入场券/ 2022年09月03日 06:28/ 0 赞/ 257 阅读

相关 vue 发送ajax请求

一、简介　　1、vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现　　2、axios是一

「爱情、让人受尽委屈。」/ 2022年05月17日 00:20/ 0 赞/ 245 阅读

相关 vue(12)ajax

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

柔情只为你懂/ 2022年01月11日 08:05/ 0 赞/ 109 阅读

相关 vue使用ajax

1.Vue的Ajax基本用法在vue中用Ajax需要用到vue.js和vue-resource.js; vue-resource.js的下载地址： [https://cd

阳光穿透心脏的1/2处/ 2021年12月08日 17:51/ 0 赞/ 234 阅读