idea html ajax,在 IntelliJ IDEA 8.1中编写一个ajax jquery实例,取不到页面上的值

这篇博客展示了如何在IntelliJ IDEA中利用jQuery的AJAX功能与Servlet进行数据交互。文中提供了Servlet的代码片段,展示了如何获取并处理来自前端的用户名和密码参数。同时,JavaScript部分展示了如何获取表单数据并发送GET请求到Servlet,以及定义了一个回调函数来处理服务器的响应。整个过程涉及到前端验证、HTTP请求和响应的处理。
摘要由CSDN通过智能技术生成

在 IntelliJ IDEA 8.1中编写一个ajax jquery实例,取不到页面上的值0

02ae427d08e371d7e90d5b995e828d6d.pngbrnm12942014.08.17浏览115次分享举报

public class AjaxServlet extends HttpServlet{

protected void doGet(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse)

throws ServletException, IOException {

doPost(httpServletRequest,httpServletResponse); //To change body of overridden methods use File | Settings | File Templates.

}

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

try {

response.setContentType("text/html;charset=GB2312");

request.setCharacterEncoding("GB2312");

PrintWriter out = response.getWriter();

String oldname=null;

try {

oldname = request.getParameter("username");

System.out.println(oldname);

}catch(Exception e)

{e.getStackTrace();}

String password= request.getParameter("password");

if(oldname==null ||oldname.length()==0)

{ out.println("该用户名不能为空值");}

else {

System.out.println("2222222");

String name=new String(oldname.getBytes("ISO8859-1"));

if(name.equals("amaker")){ System.out.println("*****");

out.println("该用户名称已存在!!");

}

else {

System.out.println("-------------");

out.println("验证通过,你输入的信息是:"+"["+name+"]"+"["+password+"]");

}

}

}

catch (Exception e)

{

System.out.println("异常");

}

}

}

verify.js

function verify()

{

alert("你点击了按钮,接下来来将执行验证了!!!");

// 基于DOM技术 document.getElementById("userName");

//基于Jquery技术

// $("#userName")

var jqueryObj = $("#username");

var jqueryObj2 =$("#password");

var username= jqueryObj.val();

var password = jqueryObj2.val();

alert (username+": "+password);

$.get("servlet/AjaxServlet?name=" +username,null,callback);

//回调函数callback()

// 真正的验证操作要在callback中做

function callback(data)

{

alert("服务器端的信息在这里返回!!");

alert(data);

var resultObj =$("#result");

resultObj.html(data);

alert("");

}

}

Validator.html:

/p>

"http://www.w3.org/TR/html4/loose.dtd">

hello,this is my first validateing html

用户名称:

用户密码:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值