注册 登录
编程论坛 jQuery论坛

第一个ajax的实例,结合query来写的(其中有jquery库和api)

发布于 2010-07-12 11:17, 1848 次点击
只有本站会员才能查看附件,请 登录
jquery库和api
~~~~~~~~~~~~~~~~~~~~~~~~~~~~··
新建一个html文件如
<html>
  <head>
    <title>ajax.html</title>

  <script type="text/javascript" src="jqueryjs/values.js"></script>
  <script type="text/javascript" src="jqueryjs/jquery-1.4.2.js"></script></head>
  <body>
  这是一个ajax的程序
  请输入你的用户名:<input type="text" id="userName"/><div id="result"></div><br/>
  <input type="button" value="提交" onclick="valvatio()"/>
  </body>
</html>
上面jquery-1.4.2.js是库
在新建一个js文件
function valvatio(){
    var userObject=$("#userName");//得到表单
    var username=userObject.val();//得到表单的值
    $.get("servlet/ValiServlet?name="+username,null,callback);//将得到的值传到servlet中,
}
function callback(data){//返回的方法,注间其中的data是一定要要的
    var resultObj=$("#result");//得到div表单
    resultObj.html("<font color='red'>"+data+"</font>");//将得到的值写入div中
}
在servlet中写
response.setContentType("text/html;charset=gbk");
        PrintWriter out = response.getWriter();
        String name=request.getParameter("name");//这里的name是在js中的name
        if(name==null&&name.length()==0){
            out.println("用户不能为空");
        }
        else{
            if("yds".equals(name)){
                out.println("用户名已经存在了");
            }
            else{
                out.println("用户不存在");
            }
        }
    }
1 回复
1