手记

JQuery最的使用1

 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());     }

 

0人推荐
随时随地看视频
慕课网APP