JQuery最简单的使用

发布时间:2020-07-04 10:40:22 作者:xiaoqiang_sea
来源:网络 阅读:331

 1.这个例子是简单的JQuery提交的例子

首先是JSP页面的代码

  1. <%@ page language="java" contentType="text/html; charset=utf-8" 
  2.     pageEncoding="utf-8"%> 
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
  4. <html> 
  5. <head> 
  6. <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  8. <title>JQuery测试页面</title> 
  9. <script type="text/javascript"> 
  10.     function verify(){ 
  11.         var jqueryObj = $("#username"); 
  12.         //获取节点的值 
  13.         var userName = jqueryObj.val(); 
  14.          
  15.         alert(userName);  
  16.          
  17.         $.get("TestAction!test.action?name=" + userName,null,callback); 
  18.     } 
  19. function callback(data){ 
  20.     //alert("服务器返回值:"+data); 
  21.     var resultObj = $("#result"); 
  22.     resultObj.html(data); 
  23.      
  24. }      
  25.  
  26. function postsubmit(){ 
  27.         $.post("TestAction!test.action?name=" + $("#username").val(),null,callback); 
  28. function clean(){ 
  29.     var resultObj = $("#result"); 
  30.     resultObj.html(""); 
  31. </script> 
  32. </head> 
  33. <body> 
  34.     <h2>JQuery练习</h2> 
  35.     <input id="username" name="username" value="请输入..."></input> 
  36.     <input type="button" onclick="verify()" value="确定"/> 
  37.     <input type="button" onclick="postsubmit()" value="post提交"/> 
  38.     <input type="button" onclick="clean()" value="清除"/> 
  39.      
  40.     <div id="result"/> 
  41.      
  42. </body> 
  43. </html> 

 

接着是action的代码

 

  1. package com.xiaoqiang; 
  2.  
  3. import java.io.PrintWriter; 
  4.  
  5. import javax.servlet.http.HttpServletResponse; 
  6.  
  7. import org.apache.struts2.ServletActionContext; 
  8.  
  9. import com.opensymphony.xwork2.ActionContext; 
  10. import com.opensymphony.xwork2.ActionSupport; 
  11.  
  12. public class TestAction extends ActionSupport { 
  13.  
  14.     private String name; 
  15.      
  16.     @Override 
  17.     public String execute() throws Exception { 
  18.         // TODO Auto-generated method stub 
  19.         return "test"; 
  20.     } 
  21.     public void test() throws Exception { 
  22.         // TODO Auto-generated method stub 
  23.          System.out.println("name:"+new String(name.getBytes("iso-8859-1"),"utf-8")); 
  24.          HttpServletResponse httpServletResponse = ServletActionContext.getResponse(); 
  25.          httpServletResponse.setContentType("text/html;charset=utf-8"); 
  26.          PrintWriter pw =  httpServletResponse.getWriter(); 
  27.          pw.print("可以注册"); 
  28.     } 
  29.     public String getName() { 
  30.         return name; 
  31.     } 
  32.     public void setName(String name) { 
  33.         this.name = name; 
  34.     } 
  35.  
  36.      
  37.      
  38.      

 

推荐阅读:
  1. Trunk必看版,最基础,最简单的实验
  2. 史上最简单的数据抽取

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery ue

上一篇:循环链表之双循环链表(C语言版)

下一篇:位数组(BitArray,BitVector32)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》