jQuery Ajax实现无刷新操作

jQuery Ajax实现无刷新操作

使用jQuery实现Ajax操作

想要实现Ajax页面无刷新效果,但是直接利用Ajax代码实在有些麻烦,所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPRequest。所以用起来非常方便。

首先,创建服务器端代码,这里用Servlet实现服务器端的数据处理;代码如下:

protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// 设置编码格式
resp.setContentType(“text/html;charset=UTF-8”);
// 创建输出对象
PrintWriter out = resp.getWriter();

// 得到请求参数
String name = req.getParameter(“uname”);
// 判断
if (name == null || name.length() == 0)
{
out.println(“用户名不能为空!”);
}
else
{
// 判断
if (name.equals(“cheng”))
{
out.println(“用户名[” name “]已存在!请使用其他用户名!”);
}
else
{
out.println(“用户名[” name “]尚未存在!您可以注册!”);
}
}
}

然后,创建JSP页面,要使用jQuery,必须在页面之中引入jQuery库,也就是一个Javascript文件,另外还需引入自定义的Javascript文件,如下:

© 版权声明

相关文章

暂无评论

none
暂无评论...