Ajax示例mini

Client: index.jsp

<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript">
 function checkUser()
 {
  var username = $("#username").val();
  alert("Hello " + username);
  //$.get("/TestAjax/AjaxServer?username=" + username, null, callback);
  $.ajax({
   type: 'POST',
   url: '/TestAjax/AjaxServer',
   data: "username=" + username, // 单引号和双引号对JS来说基本上没什么区别,
   dataType: 'json', // text,xml... // 只是双引号里面不能再有双引号,可用单引号或转义符\'和&quot;等。   
   success: callback
  });
 };

 function callback(data)
 {
  alert("I\'m back " + data);
  alert(data.message + " : " + data.name);
 };

$(document).ready(function(){
  $("#username").keypress(function (){if(event.keyCode==13){checkUser();}});
 });
</script>
</head>
<body>
 <input type="text" id="username"/>
 <input type="button" value="Submit" οnclick="checkUser()"/>
</body>
</html>

Server: AjaxServer.java (servlet)

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  // TODO Auto-generated method stub
  PrintWriter out = response.getWriter();
  String username = request.getParameter("username");
  //out.println("Hi Kitty " + username); text

  // business logic
  out.println("{\"name\":\"kevin\",\"message\":\"hello\"}");
 }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值