FAQ（68）：useradd.html:14 Uncaught ReferenceError: $ is not defined at org (useradd.html:14)

最新推荐文章于 2023-04-19 19:57:30 发布

原创最新推荐文章于 2023-04-19 19:57:30 发布 · 977 阅读

0 ·

CC 4.0 BY-SA版权

FAQ 同时被 2 个专栏收录

95 篇文章

订阅专栏

FAQ

91 篇文章

订阅专栏

本文介绍了一个常见的jQuery AJAX调用错误，即引用未定义的问题，并详细解释了如何正确地从HTML元素中获取值并将其作为JSON数据传递给服务器。

1、前端的ajax方法

2、浏览器console：

useradd.html:14 Uncaught ReferenceError:
 $ is not defined

    at org (useradd.html:14)

    at HTMLInputElement.onclick (useradd.html:25)

org @ useradd.html:14

onclick @ useradd.html:25

解决：

解决：
js代码出错：

<script type="text/javascript">
function org(){
	$.ajax({
		type:"GET",
		url:"ucexist.html",
		data:{userCode:userCode.val()},
		dataType:"json",
		success:function(data){
			alert("data: "+data);
			if(data.userCode == "exist"){
				validateTip(userCode.next(),{"color":"red"},
						imgNo+"该用户账号已存在",false);
			}else{
				validateTip(userCode.next(),{"color":"red"},
						imgNo+"该用户账号可用",true);
			}
		}
	})
}
</script>

上面的传送到服务器的data出现错误，本意是想将html元素的内容作为json的value值进行发送，但是jQuery框架不允许这种使用；
根据语法规范，应该改为：data:{userCode:$("#userCode").val()},

<script type="text/javascript">
function org(){
	$.ajax({
		type:"GET",
		url:"ucexist.html",
		data:{userCode:$("#userCode").val()},
		dataType:"json",
		success:function(data){
			alert("data: "+data);
			if(data.userCode == "exist"){
				validateTip(userCode.next(),{"color":"red"},
						imgNo+"该用户账号已存在",false);
			}else{
				validateTip(userCode.next(),{"color":"red"},
						imgNo+"该用户账号可用",true);
			}
		}
	})
}
</script>