jquery学习1

最新推荐文章于 2024-09-04 23:24:54 发布

laiahu

最新推荐文章于 2024-09-04 23:24:54 发布

阅读量816

点赞数

分类专栏： js学习文章标签： jquery stylesheet function html 服务器 path

本文链接：https://blog.csdn.net/laiahu/article/details/4026894

版权

js学习专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1. 下载jquery.js文件及API

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=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 'Test.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">

     <script type="text/javascript" src="<%=path%>/jslib/jquery-1.2.6.js"></script>
     <script type="text/javascript">
       function chkForm(){
         //注意： jquery返回的都是JQuery对象, 和js对象不一样，所以获得值等要调用jquery的方法来获得
         var jQueryObj = $("#userName");
        //获得值
        var userName1 = $("#userName").val();
        alert(userName1.length); //js的length会把中文的长度也认为1
        alert('chkByteLen='+chkByteLength(userName1)); //一个中文两个字节
        //$.trim("字符串") //去掉空格
         var userName = encodeURI(encodeURI($("#userName").val()));
         //alert(userName+""); //没有去除空格
          //发送ajax请求
        // $.post("ajaxServlet","userName="+userName,showAjaxResponse);

        $.ajax({
        type: "GET",            //http请求方式POST
        url: "ajaxServlet",    //服务器段url地址
        data: "userName=" + userName,           //发送给服务器段的数据
        dataType: "html", //告诉JQuery返回的数据格式xml
        success: showAjaxResponse //定义交互完成，并且服务器正确返回数据时调用的回调函数
    });

       }

       function showAjaxResponse(data){
         var resultDivObj = $("#resultDiv");
         resultDivObj.html(data);
       }


      function chkByteLength(str) {
  if (str == null) return false;
  var l = str.length;
  var blen = 0;
  for(i=0; i<l; i++) {
   if ((str.charCodeAt(i) & 0xff00) != 0) {
    blen ++;
   }
   blen ++;
  }
  return blen;
}

     </script>
</head>

<body>
     <form name="form1" action="TestOk.jsp" method="post">
     <input type="text" id="userName" name="userName" οnblur="chkForm()" />
     <input name="btn" type="button" value="校验" οnclick="chkForm()" />
    </form>
     <div id="resultDiv"></div>
</body>
</html>

laiahu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery学习1

1. 下载jquery.js文件及API String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP Tes
复制链接

扫一扫

专栏目录