JQuery最的使用1

发布时间：2020-09-26 09:34:25 作者：xiaoqiang_sea
来源：网络阅读：509

1.查找xml中的值

function tt(){ 
    //var a = $("<xml><root><item>1111</item></root></xml>").find("item").length; 
    var xml =   "<xml><root><ccc><item1>1111</item1><item2>2222</item2></ccc></root></xml>"; 
    var ccc = $(xml).find("ccc").text();     
    var item1 = $(xml).find("item1").text();     
    var item2 = $(xml).find("item2").text();     
    alert('ccc:'+ccc); 
    alert('item1:'+item1); 
    alert('item2:'+item2); 
}

2.用来验证用户名是否存在

    function verify(){ 
        var jqueryObj = $("#username"); 
        //获取节点的值 
        var userName = jqueryObj.val(); 
         
        alert(userName);  
         
        $.get("TestAction!test.action?name=" + userName,null,callback); 
    } 
    function check(){ 
        //获取节点的值 
        var userName = $("#username").val(); 
        if(userName=="" || userName=="请输入用户名"){ 
            alert("用户名不能为空"); 
        }else{ 
            $.get("TestAction!xml.action?name=" + userName,null,callback); 
        } 
         
    } 
function callback(data){ 
    //alert("服务器返回值:"+data); 
    var resultObj = $("#result"); 
//  var domObj = xmlhttp.responseXML; 
    var domObj = data; 
    //<message>xxxx</message> 
    //dom中利用getElementsByTagName可以根据标签名获取元素节点 
    //var messageNodes = domObj.getElementsByTagName("message"); 
    //message标签中的文本在dom中是message标签所对应的元素节点的子节点，firstChild可以获得当前节点的第一个子节点 
    //var textNode = messageNodes[0].firstChirld; 
    //通过nodeVale可以获取节点的值 
    //var responseMessage = textNode.nodeVale; 
    var responseMessage = $(data).find("message").text(); 
    /*$(xml).find("message").each(function() { 
        var field = $(this); 
        //var fName = field.attr("Name");//读取节点属性 
        //var dataType = field.find("datatype").text();//读取子节点的值 
        alert(field.text()); 
    });*/    
    resultObj.html(responseMessage); 
     
}      
 
function postsubmit(){ 
        $.post("TestAction!test.action?name=" + $("#username").val(),null,callback); 
}

<input id="username" name="username" value="请输入用户名"></input> 
<input type="button" onclick="verify()" value="确定"/> 
<input type="button" onclick="check()" value="验证用户名是否存在"/>

服务端代码:

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("可以注册"); 
}

3.$.ajax的简单使用

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <base href="<%=basePath%>"> 
     
    <title>My JSP 'test2.jsp' starting page</title> 
     
    <meta http-equiv="pragma" content="no-cache"> 
    <meta http-equiv="cache-control" content="no-cache"> 
    <meta http-equiv="expires" content="0">     
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="This is my page"> 
    <!-- 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    --> 
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 
function t1(){ 
    var jqueryObj = $("#username"); 
    var userName = jqueryObj.val(); 
    var obj = {name:"123",age:20}; 
    //alert(userName); 
    $.ajax({ 
        type:"POST", 
        url:"TestAction!xml.action", 
        data:"name=" + userName, 
        dataType : "xml", 
        success:callback 
     
    }); 
     
} 
    //回调函数 
    function callback(data){ 
    var jqueryObj = $(data); 
    var message = jqueryObj.children(); 
    //alert(message); 
    var text = message.text(); 
    var resultObj = $("#aaa"); 
    //alert(data); 
    resultObj.html(text); 
    //alert('3 '); 
    } 
 
 
</script> 
  </head> 
   
  <body> 
    <input id="username" name="username" value="请输入用户名"></input> 
    <input type="button" onclick="t1()" value="1"/> 
    <div id="aaa"></div> 
  </body> 
</html>

    public void xml() throws Exception { 
        // TODO Auto-generated method stub 
        System.out.println("name" + name); 
//      name = new String(name.getBytes("iso-8859-1"),"utf-8"); 
//      System.out.println("name" + name); 
        StringBuffer sb = new StringBuffer(); 
        HttpServletResponse httpServletResponse = ServletActionContext.getResponse(); 
        httpServletResponse.setContentType("text/xml;charset=utf-8"); 
        PrintWriter out =  httpServletResponse.getWriter(); 
        sb.append("<xml><message>"); 
        if(name.equals("wangweiqiang")){ 
            sb.append("用户名["+name+"]已经存在，请使用其他用户名").append("</message></xml>"); 
        }else{ 
            sb.append("用户名["+name+"]没有使用").append("</message></xml>"); 
             
        } 
        System.out.println(sb.toString()); 
        out.println(sb.toString()); 
    }

JQuery最的使用1

相关阅读