JQUERY Click()方法调用外部函数

最新推荐文章于 2022-10-22 18:30:50 发布

GreenaireTech

最新推荐文章于 2022-10-22 18:30:50 发布

阅读量8.9k

点赞数

分类专栏： AJAX

本文链接：https://blog.youkuaiyun.com/zxl881203/article/details/81903806

版权

AJAX 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JQUERY中click方法调用外部函数的两种方式，通过示例代码展示了错误的直接调用方式和正确的匿名函数包裹调用方式。重点在于理解事件处理函数的执行时机。

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

<!DOCTYPE html>
<html>
<head>
	<title>Second</title>
	<script type="text/javascript" src = "https://code.jquery.com/jquery-3.3.1.js"></script>
	<script type="text/javascript">
		
		var xhr;

		function createXmalHRequest(){

			if(window.ActiveXObject){
				return new ActiveXObject("Microsoft.XMLHTTP");
			}
			else if(window.XMLHttpRequest){
				return new XMLHttpRequest;
			}
		}

		function handleStateChange(){

			if(xhr.readyState == 4){
				if(xhr.status == 200){
					alert("the change is"+xhr.responseText);
					$(document).ready(function(){
						$("p.a").html(xhr.responseText);
					})
				}
			}
		}

		function startAjax(){

			xhr = createXmalHRequest();
			xhr.open("GET","gagaga.txt",true);
			xhr.onreadystatechange = handleStateChange;
			xhr.send(null);

		}
		
		$(function(){
			$("p.b").click(function(){testAjax()});
		});

		function testAjax(){
				var xhr1 = new XMLHttpRequest();
			console.log(xhr1.readyState);
			xhr1.open("GET","abc.txt",true);
			xhr1.onload = function(){
				$("p.b").html(xhr1.responseText);
			}
			xhr1.send(null);
			};

		
		 
   
	</script>
</head>
<body>


<input type="button" name="btn1" value="onClick" onclick="startAjax()">
<p class="a">ddfddddd</p>
<p class="b">Hello Pb</p>
</body>
</html>

   $(function(){
           $("p.b").click(testAjax());
       });

       function testAjax(){
               var xhr1 = new XMLHttpRequest();
           console.log(xhr1.readyState);
           xhr1.open("GET","abc.txt",true);
           xhr1.onload = function(){
               $("p.b").html(xhr1.responseText);
           }
           xhr1.send(null);
           };

这样写不对

       $(function(){
           $("p.b").click(function(){testAjax()});
       });
这样写才可以。