JQuery最简单的使用

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

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

首先是JSP页面的代码

<%@ page language="java" contentType="text/html; charset=utf-8" 
    pageEncoding="utf-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>JQuery测试页面</title> 
<script type="text/javascript"> 
    function verify(){ 
        var jqueryObj = $("#username"); 
        //获取节点的值 
        var userName = jqueryObj.val(); 
         
        alert(userName);  
         
        $.get("TestAction!test.action?name=" + userName,null,callback); 
    } 
function callback(data){ 
    //alert("服务器返回值:"+data); 
    var resultObj = $("#result"); 
    resultObj.html(data); 
     
}      
 
function postsubmit(){ 
        $.post("TestAction!test.action?name=" + $("#username").val(),null,callback); 
} 
function clean(){ 
    var resultObj = $("#result"); 
    resultObj.html(""); 
} 
</script> 
</head> 
<body> 
    <h2>JQuery练习</h2> 
    <input id="username" name="username" value="请输入..."></input> 
    <input type="button" onclick="verify()" value="确定"/> 
    <input type="button" onclick="postsubmit()" value="post提交"/> 
    <input type="button" onclick="clean()" value="清除"/> 
     
    <div id="result"/> 
     
</body> 
</html>

接着是action的代码

package com.xiaoqiang; 
 
import java.io.PrintWriter; 
 
import javax.servlet.http.HttpServletResponse; 
 
import org.apache.struts2.ServletActionContext; 
 
import com.opensymphony.xwork2.ActionContext; 
import com.opensymphony.xwork2.ActionSupport; 
 
public class TestAction extends ActionSupport { 
 
    private String name; 
     
    @Override 
    public String execute() throws Exception { 
        // TODO Auto-generated method stub 
        return "test"; 
    } 
    public void test() throws Exception { 
        // TODO Auto-generated method stub 
         System.out.println("name:"+new String(name.getBytes("iso-8859-1"),"utf-8")); 
         HttpServletResponse httpServletResponse = ServletActionContext.getResponse(); 
         httpServletResponse.setContentType("text/html;charset=utf-8"); 
         PrintWriter pw =  httpServletResponse.getWriter(); 
         pw.print("可以注册"); 
    } 
    public String getName() { 
        return name; 
    } 
    public void setName(String name) { 
        this.name = name; 
    } 
 
     
     
     
}

JQuery最简单的使用

相关阅读