dojo-dojo.xhrGet的使用

最新推荐文章于 2023-02-22 10:03:52 发布

huacai2010

最新推荐文章于 2023-02-22 10:03:52 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huacai2010/article/details/9384307

本文演示了如何使用Dojo JavaScript库实现页面元素的异步加载和交互，包括发送AJAX请求获取数据并更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html> 
<head> 
  <title>test</title> 
  <script type="text/javascript" 
    src="js/dojo/dojo/dojo.js"  
    djConfig="parseOnLoad: true"></script> 
 
  <script type="text/javascript"> 
		var xhrArgs = {
				url:"http://localhost:8080/dojoSample/hello.html",
				handleAs:"text",
				load:function(responseText)
				{
					alert(responseText);
					dojo.byId("divHello").innerHTML = responseText;
				},
				error:function(response)
				{
					alert("Error");
				}
			};
		function sayHello(){
			dojo.xhrGet(xhrArgs);
		}
	 

  </script> 
</head> 
<body> 
	<div id="divHello"></div>
 	
 	<button id="btn" type="button" onclick="sayHello()">sayHello</button>
 	
</body> 
</html>




上面的代码等将于


				
<html> 
<head> 
  <title>test</title> 
  <script type="text/javascript" 
    src="js/dojo/dojo/dojo.js"  
    djConfig="parseOnLoad: true"></script> 
 
  <script type="text/javascript"> 
		function sayHello(){
			dojo.xhrGet({
				url:"http://localhost:8080dojoSample/hello.html",
				handleAs:"text",
				load:function(responseText)
			{
				alert(responseText);
				dojo.byId("divHello").innerHTML = responseText;
				},
				error:function(response)
				{
					alert("Error");
				}
			});
		}

			

  </script> 
</head> 
<body> 
	<div id="divHello"></div>
 	
 	<button id="btn" type="button" onclick="sayHello()">sayHello</button>
 	

</body> 
</html>

输出结果：
Hello,World!

hello.html代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello</title>
</head>
<body>
	Hello,World!
</body>

</html>