温馨提示×

温馨提示×

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

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

JQuery最的使用1

发布时间:2020-09-26 09:34:25 阅读:494 作者:xiaoqiang_sea 栏目:web开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

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

AI

开发者交流群×