AJAX初级应用——jquery的实现

本文介绍如何利用myeclipse、tomcat等工具,结合jQuery与servlet完成Web项目中的数据校验功能。通过具体示例展示了从项目搭建到实现用户名唯一性校验的全过程。

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

      前面我已经用XMLHttpRequest对象进行“数据校验”的例子,这里我使用了jqueryservlet集合,进行数据的校验。

     1、例子所用的工具是myeclipsetomcat

     2、新建一web项目,名字为JAjax

        

     3WebRoot目录下引人jquery-1.4.2.js,这里我把它放在script/jquery(自己创建的)下

     

     4、在WebRoot目录下的index.jsp中添加javascript代码

        

          注:$.post()相当于Ajax应用的五步骤,第一个参数表示url路径,第二个表示参数,最后一个表示回调函数

     5、编写body

        

     6、在src目录下建一servlet包,并在报下新建AjaxServlet类,代码如下

        

         注:这里表示以存在的用户名是chensr

       7、在web.xml中配置servlet

      

     8、测试:

     启动tomcat,打开浏览器输入http://localhost:8080/JAjax/index.jsp,输入用户名chensr命点击检验唯一性,此时会出现

    

    删掉用户名chensr,在输入hehe,此时出现

     

    当你什么都不输入时,点击检验唯一性

    

    测试成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值