Ajax基本案例详解之load的实现

最新推荐文章于 2021-08-05 15:13:48 发布

原创最新推荐文章于 2021-08-05 15:13:48 发布 · 531 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #异步刷新 #load

AJAX 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用Ajax的$.load方法实现邮箱验证功能。通过调用服务器端doindex.jsp页面，并传递当前输入框的值作为参数，根据服务器返回的内容改变显示样式，以实时反馈邮箱是否可用。

Ajax的load实现：

看这篇之前建议大家去看看前面两篇文章：

1.Ajax基本案例详解之$.ajax的实现

2.Ajax基本案例详解之$.get的实现

现在写一下$.load()里面的主要内容：

 $("#semail").load(
				 	"doindex.jsp",
				 	"email1="+$("#email").val()
				 );

load 的doindex,jsp有点不一样：

String email1=request.getParameter("email1");
	if(email1.equals("2451999120@qq.com")){
		out.print("<span style='color:red;padding-left:5px;'>该邮箱不可用</span>");
	}else{
		out.print("<span style='color:green;padding-left:5px;'>该邮箱可用</span>");
	}