基于Ajax用户名验证、服务条款加载、验证码生成的实现方法_java

 Ajax(asynchronous javascript and xml)异步的javascript和xml.

    是为了解决传统的web应用中"发送请求-等待响应"这种模式的弊端,(浏览器在发送完请求后,只能等待服务器的响应,用户不能做其他的操作,浏览器发送完请求,会抛弃整个页面,等待服务器返回新的页面,也就是说,浏览器和服务器之间交互的数据量很大,不能做到按需获取数据)而创建的技术,该技术的本质是：通过一个浏览器内置的一个对象(XmlHttpRequest)异步地向服务器发送请求.

    所谓异步指的是浏览器并没有抛弃整个页面,也就是不是通过表单提交的方式向服务器发送数据，服务器在处理完请求之后,返回数据给XmlHttpRequest对象,通过javascript可以获取XmlHttpRequest中的数据.然后,使用该数据更新页面,整个过程当中,用户不用等待服务器的响应.

说明:网页的异步传输技术.一种不用刷新整个页面便可与服务器通讯的办法,在等待网页的传输过程中，用户依然可以和系统进行交互,页面不用刷新就可以更新内容合理的运用可以让用户感觉更好更方便,但也不要滥用

同步与异步

同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。  

Eg.同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式 

Eg.异步:请求通过事件触发->服务器处理（这时浏览器仍然可以作其他事情）->处理完毕

Ajax的重要对象XMLHttpRequest

重要的Javascript对象，通过它提起对服务器端的请求,可以通过Javascript提起请求,如果要提起多个请求，需要多个XHR对象,请求的结果被预先定义好的方法处理

如何创建XmlHttpRequest对象 

复制代码 代码如下:

//获取xmlHttpRequest对象,该对象由浏览器实现(该实现并没有标准化),在创建该对象时,要区分浏览器.



function getXmlHttpRequest(){


         var xmlHttpRequest = null;


         if ((typeof XMLHttpRequest) != 'undefined')  {


               //非ie浏览器


              xmlHttpRequest = new XMLHttpRequest();


         }else {


               //ie浏览器


             xmlHttpRequest = new ActiveXObject('Microsoft.XMLHttp');


         }


         return xmlHttpRequest;


}


或者


function createXmlHttpRequest(){


        var xmlHttpRequest = null;


        if(window.ActiveXObject){


            xmlHttpRequest = new AvtiveXObject("Microsoft.XMLHTTP");


        }else if(window.XMLHttpRequest){


            xmlHttpRequest = new XMLHttpRequest();


        }


}


xmlHttpRequest对象的重要属性.


复制代码 代码如下:


responseText: 获取服务器响应的文本数据
responseXml:获取服务器响应的xml数据


status:获取服务器返回的状态码(比如200)


readyState: 获取xmlHttpRequest与服务器通讯的状态(0、1、2、3、4,分别描述不同的状态).
(未初始化)   : 对象已建立,但是尚未初始化(尚未调用open方法)
(初始化)     : 对象已经建立,尚未调用send方法
(发送数据)   :   send方法已调用,但是当前的状态以及http头未知
(数据传送中) :    已接受部分数据。
 (响应结束)  :  此时，可以通过responseText/responseXml获取数据了。


xmlHttpRequest的返回数据获取方式


复制代码 代码如下:


从服务器端接收数据的时候，那些数据必须以浏览器能够理解的格式来发送。服务器端的编程语言一般以如下 3 种格式返回数据：
1.Text(又称Html格式)
2.XML
3.JSON


个人使用Ajax实现的一个应用实例


系统截图




 


系统说明:


系统结构图




展示前台页regist.jsp


复制代码 代码如下:


<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
    <title>用户注册</title>
    <link href="css/regist.css" rel="stylesheet" type="text/css" />
      <script src="js/regist_ajax.js" type="text/javascript"></script>
  </head>


  <body onload="getRegistRuleTxt(),getCheckcode()">
   <form action="regist.do" onsubmit="return check(this);">
    <table border="1" bordercolor="gray" cellpadding="6" align="center">
        <tr>
            <td colspan="2"> 
             >> <font color="red">用户注册</font>  
             <font color="gray">[模块说明:用户名检查、服务条款使用Ajax异步处理,验证码服务端生成]</font>
            </td>
        </tr>
        <tr>
            <td align="right" class="left">
                用户名:
            </td>
            <td width="580">
                <input type="text" name="username" id="username" onblur="postValidate()" class="inpt"/>   
                   <span style="color:orange" id="checkMsg" > * 用户名由字母、数字、下划线组成.</span> 
            </td>
        </tr>
        <tr>
            <td align="right" class="left">
                  密码:  
            </td>
            <td>
                <input type="password" name="password" id="password" class="inpt">    
                <span style="color:orange" id="pwdMsg" > * 密码长度6-8位,为了安全,应避免唯一格式.</span> 
            </td>
        </tr>
        <tr>
            <td align="right" class="left" class="inpt">
                确认密码:
            </td>
            <td>
                <input type="password" name="repassword" id="repassword" class="inpt">    
                <span style="color:orange" id="repwdMsg" > * 确认密码,以保证您设置密码时没有手误</span> 
            </td>
        </tr>
            <tr>
            <td align="right" class="left" class="inpt">
                邮箱:
            </td>
            <td>
                <input type="text" id="email" name="email" class="inpt">    
                <span style="color:orange" id="emailMsg" > * 输入您的常用邮箱,方便我们与您取得联系.</span>


            </td>
        </tr>


        <tr>
            <td align="right" class="left" class="inpt">
                验证码:
            </td>
            <td>
                <input type="text" id="checkcode" class="inpt">    
                <img id="ckcodeimage" src="imgsrc" style="border:solid #92CEDB 1px "> <!-- 验证码 -->
                <a href="javascript:;"  onclick="getCheckcode()">看不清,换一张</a>
                <span style="color:orange" id="ckcodeMsg" > </span>
            </td>
        </tr>
        <tr>
            <td align="right" class="left">
                服务条款:
            </td>
            <td>
                <textarea rows="5" cols="48" style="margin-bottom:6px;margin-left:5px; color:gray" readonly="readonly" id="item" >
                </textarea>
            </td>
        </tr>


        <tr>
            <td align="right">
            </td>
            <td>
                 <input type="submit" value="同意条款并注册" style="width: 140px; height: 30px;"/>
            </td>
        </tr>
    </table>
   <div class="rghts" align="center">
           Copyright (c) 2013 苏若年( <a href="mailto:dennisit@163.com">联系我们:dennisIT@163.com</a> )
        corporation All Rights Reserved.
   </div>
   </form>
  </body>
</html>


异步Ajax处理js


复制代码 代码如下:


var xmlHttpRequest = getXmlHttpRequest();


        /*
          创建获取xmlHttpRequest对象的方法
         */
        function getXmlHttpRequest(){
            var xmlHttpRequest = null;
            if((typeof XMLHttpRequest) != 'undefined'){
                /*非IE浏览器创建XMLHttpRequest对象*/
                xmlHttpRequest = new XMLHttpRequest();
            }else{
                /*IE浏览器创建XMLHttpRequest对象*/
                xmlHttpRequest = new ActiveXObject('Microsoft.XMLHttp');
            }
            return xmlHttpRequest;
        }


        /*
         验证码响应事件
         */
        function getCheckcode(){
            var codeimage = document.getElementById("ckcodeimage");
            var url = "checkcode.do";
            codeimage.src=addTimestamp(url);
        }


        /*
           使用Ajax获取服务条款
         */
        function getRegistRuleTxt(){
            var item = document.getElementById("item");


            var url = "rulesText.do";
            //解决get方式提交时的中文编码问题,使用encodeURI(url).true表示采用异步方式发送请求,addTimestamp(url)防止浏览器缓存
            xmlHttpRequest.open("post",encodeURI(url),true);
            xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xmlHttpRequest.onreadystatechange=function(){
                if(xmlHttpRequest.readyState == 4){
                    if(xmlHttpRequest.status == 200){


                        var respText = xmlHttpRequest.responseText;
                        item.value=respText;
                    }else{
                        //系统错误.
                        item.value="system error";
                    }
                }else{
                        //显示检查中...
                        item.value="loading...";
                }
            };
            xmlHttpRequest.send(null);
        }


        /*
          采用get方式验证
         */
        function getValidate(){
            var username = document.getElementById("username");
            var url = "validatename.do?username=" + username.value;
            //解决get方式提交时的中文编码问题,使用encodeURI(url).true表示采用异步方式发送请求,addTimestamp(url)防止浏览器缓存
            xmlHttpRequest.open("get",encodeURI(addTimestamp(url)),true);
            //调用检查返回状态的方法
            xmlHttpRequest.onreadystatechange=callback;
            xmlHttpRequest.send(null);
        }


        /*
          采用post方式验证
         */
         function postValidate(){
            var username = document.getElementById("username");
            var url = "validatename.do";
            //true表示采用异步的方法发送请求.默认就为true,请求方式可以为get、post、put、delete
            xmlHttpRequest.open('post',url,true);
            xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            xmlHttpRequest.onreadystatechange=callback;
            //如果有多个参数,采用&符号链接键值对,escape用于解决中文问题
            xmlHttpRequest.send('username=' + escape(username.value));


         }


        
        /*
          监控状态返回的方法
         */
        function callback(){
            if(xmlHttpRequest.readyState == 4){
                if(xmlHttpRequest.status == 200){
                    var respText = xmlHttpRequest.responseText;
                    innerHtmlMsg(respText);
                }else{
                    //系统错误.
                    innerHtmlMsg("error");
                }
            }else{
                    //显示检查中...
                    innerHtmlMsg("checking");
            }
        }


        /*
          增加时间戳,防止浏览器缓存,浏览器缓存只对get方法缓存
         */
        function addTimestamp(url){
            if(url.indexOf("?")!=-1){
                //如果有参数
                return url+"&timestamp=" + new Date().valueOf();
            }else{
                //没有参数
                return url+"?timestamp=" + new Date().valueOf();
            }
        }


        
        function innerHtmlMsg(message){
            var checkMsg = document.getElementById("checkMsg");
            if(message=='exists'){
                //用户名存在
                checkMsg.innerHTML= "<font color='red'>* 对不起,该用户名已经存在.</font>";
            }
            if(message=='noexists'){
                //用户名可以用
                checkMsg.innerHTML= "<font color='green'>* 恭喜您,该用户名可用.</font>";
            }
            if(message=='checking'){
                //系统检查中
                checkMsg.innerHTML= "<font color='#0099aa'>* 系统正在进行数据检查...</font>";
            }
            if(message=='error'){
                //系统出错
                checkMsg.innerHTML= "<font color='red'>系统故障,请检查网络,或者<a href='#'>联系我们</a></font>";
            }
        }


页面样式regist.css


复制代码 代码如下:


table {
        margin-top:70px;
        width:780px;
        border-collapse:collapse; /* 合并单元格之间的边 */
        font-size:14px;
        border:1px solid gray; /*#92CEDB*/
        font:normal 12px/1.5em "宋体", Verdana, Lucida, Arial, Helvetica, sans-serif;


    } /* 定义表格的整体宽度以及边框样式，并且定义表格内所有文字的样式 */
    .left{
        font-weight:500;
        color:#708899;
        padding-right:20px;
        background-color: #D6ECF5;
    }
    .inpt {
        border:solid #92CEDB 1px;
        width: 210px;
        height: 22px;
        margin-left: 10px;


    }
    .rghts{
        margin-top:20px;
        color:#708899;
        font-size:12px;
    }


Web.xml中的内容


复制代码 代码如下:


<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
    xmlns="http://java.sun.com/xml/ns/javaee" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">


 <servlet>
    <servlet-name>UserServlet</servlet-name>
    <servlet-class>com.webapp.servlet.UserServlet</servlet-class>
    <init-param>
        <param-name>rulesfilepath</param-name>
        <param-value>/txt/item.txt</param-value>
    </init-param>
  </servlet>


  <servlet-mapping>
    <servlet-name>UserServlet</servlet-name>
    <url-pattern>*.do</url-pattern>
  </servlet-mapping>


  <welcome-file-list>
    <welcome-file>regist.jsp</welcome-file>
  </welcome-file-list>
</web-app>


验证码输出工具类


复制代码 代码如下:


package com.webapp.util;


import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.util.HashMap;
import java.util.Map;
import java.util.Random;


/**
 *
 *  @version ： 1.1
 *  
 *  @author  ： 苏若年    <a href="mailto:DennisIT@163.com">发送邮件</a>
 *    
 *  @since      ： 1.0        创建时间:    2013-1-20        下午04:26:52
 *     
 *  @function： TODO
 *
 */


public class CheckCodeImageUtil {


    private static final String[] chars = { "0", "1", "2", "3", "4", "5", "6",
        "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I" };


    private static final int SIZE = 4;        //验证码上的字符个数
    private static final int LINES = 4;     //干扰线条数
    private static final int WIDTH = 110;    //验证码图片宽
    private static final int HEIGHT = 40;    //验证码图片高
    private static final int FONT_SIZE = 21;//验证码上字体大小


    
    /**
     * 产生验证码
     * 
     * @return Map<验证码的值,验证码的图片>
     * 
     */
    public static Map<String,BufferedImage> creatCheckImage(){
        //保存产生验证码真实值的串
        StringBuffer buffer = new StringBuffer();    
        //自定义图片对象
        BufferedImage image = new BufferedImage(WIDTH,HEIGHT,BufferedImage.TYPE_INT_RGB);


        Map<String,BufferedImage> map = new HashMap<String,BufferedImage>();


        Graphics graphics = image.getGraphics();
        graphics.setColor(Color.WHITE);
        graphics.fillRect(0, 0, WIDTH, HEIGHT);
        Random random = new Random();


        //画随机字符
        for(int i=0; i<SIZE; i++){
            //随即获取定义字符集中的一个元素
            int rand = random.nextInt(chars.length);
            graphics.setColor(randomColor());
            graphics.setFont(new Font(null,Font.BOLD+Font.ITALIC,FONT_SIZE));
            graphics.drawString(chars[rand],(i)*WIDTH/SIZE+8 , HEIGHT/2+10);
            buffer.append(chars[rand]); //将生成的字符串存入到buffer中,将来获取时用于跟用户输入的值比较
        }
        //画干扰线
        for(int i=1;i<=LINES;i++){
            graphics.setColor(randomColor());
            graphics.drawLine(random.nextInt(WIDTH), random.nextInt(HEIGHT), random.nextInt(WIDTH),random.nextInt(HEIGHT));
            if(i==LINES){
                graphics.setFont(new Font(null,Font.ITALIC,13));
                graphics.setColor(Color.GRAY);
                graphics.drawString("苏若年工作室", 5,15);


            }
        }
        map.put(buffer.toString(), image);
        return map;
    }


    /**
     * 随即产生颜色
     * @return
     */
    public static Color randomColor(){
        Random random = new Random();
        Color color = new Color(random.nextInt(256),random.nextInt(256),random.nextInt(256));
        return color;
    }
}


Servlet处理类


复制代码 代码如下:


package com.webapp.servlet;


import java.awt.image.BufferedImage;
import java.io.BufferedReader;
import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileReader;
import java.io.FileWriter;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
import java.util.List;
import java.util.Map;
import java.util.Vector;


import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
import com.sun.imageio.plugins.common.ImageUtil;
import com.webapp.util.CheckCodeImageUtil;


public class UserServlet extends HttpServlet {


    private List<String> userList;
    private String txtFilePath = null;


    
    public void init() throws ServletException {
        txtFilePath = this.getInitParameter("rulesfilepath");
        //模拟数据库
        userList = new Vector<String>();
        userList.add("zhangsan");
        userList.add("lisi");
        userList.add("wangwu");
        userList.add("zhaoliu");
    }


    
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }


    
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {


        String uri = request.getRequestURI();
        String path = uri.substring(uri.lastIndexOf("/"),uri.lastIndexOf("."));


        if(path.equals("/validatename")){
            request.setCharacterEncoding("utf-8");
            response.setContentType("text/html;charset=utf-8");
            try {
                Thread.sleep(3000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            //模拟系统产生异常测试
            /*if(1==2){
                throw new ServletException("some error");
            }*/
            String username = request.getParameter("username");
            System.out.println("username:" + username);
            //模拟用户数据查询
            boolean exist = userList.contains(username);
            if(exist){
                response.getWriter().print("exists");
            }else{
                response.getWriter().print("noexists");
            }
        }


        if(path.equals("/rulesText")){
            request.setCharacterEncoding("utf-8");
            response.setContentType("text/html;charset=utf-8");
            String filePath = this.getServletContext().getRealPath(txtFilePath);
            File file = new File(filePath);
            StringBuffer buffer  = new StringBuffer();
            try {
                BufferedReader reader = new BufferedReader(new FileReader(file));
                String tmp = "";
                while((tmp = reader.readLine())!=null){
                    buffer.append(new String(tmp.getBytes("gbk"),"utf8")).append("\n");
                }
                reader.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
            if(buffer.toString().trim()!=null){
                response.getWriter().print(buffer.toString());
            }
        }


        if(path.equals("/checkcode")){
            response.setContentType("image/jpeg");
            Map<String, BufferedImage> map = CheckCodeImageUtil.creatCheckImage();
            String key =  (String)map.keySet().iterator().next();
            request.getSession().setAttribute("code",key);
            System.out.println("checkcode = " + request.getSession().getAttribute("code"));
            BufferedImage image = map.get(key);
            ImageIO.write(image, "jpeg", response.getOutputStream());


        }


    }


}


以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索用户名验证

                    ，                服务条款加载

                                    验证码生成

                                    ajax用户名验证、ajax验证用户名已存在、ajax验证用户名和密码、ajax异步验证用户名、ajax验证码，以便于您获取更多的相关知识。
				


				
时间： 2024-02-28 23:37:53

		
		


		


	

	
	

		


		
基于Ajax用户名验证、服务条款加载、验证码生成的实现方法_java的相关文章


								

		

			

                基于ajax实现点击加载更多无刷新载入到本页_AJAX相关
			

		

		

									

				先给大家展示效果图: 效果演示 本例是分页的另外一种显示方式,并不是隐藏未显示的内容 数据库结构与<ajax 翻页>是一样的 JavaScript 代码 <script type="text/javascript"> $(document).ready(function() { var track_click = ; //track user click on "load more" button, righ now it is click			

		

	

				

		

			

                基于ajax实现点击加载更多无刷新载入到本页
			

		

		

									

				先给大家展示效果图: 效果演示 本例是分页的另外一种显示方式,并不是隐藏未显示的内容 数据库结构与<ajax 翻页>是一样的 JavaScript 代码 <script type="text/javascript"> $(document).ready(function() { var track_click = ; //track user click on "load more" button, righ now it is click			

		

	

				

		

			

                点击文本框后才加载验证码的JS代码
			

		

		

									

				经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的.而是在点击验证码输入框之后才会显示出来验证码的.下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的. 首先我们来说说为什么要这么做吧,据作者看来,这个效果的目的应该不仅仅是为了美观的,更多的应该是进一步防止别有用心之人用机器人发送垃圾留言或者垃圾帖子.因为我们在网站留言的时候设置个验证码的目的就是为了防止机器人的,然而现在已有传言说有能够识别验证码图片的机器人了.那么这该怎么办?那就再			

		

	

				

		

			

                js点击文本框后才加载验证码实例代码_javascript技巧
			

		

		

									

				经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的.而是在点击验证码输入框之后才会显示出来验证码的.下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的. 废话不多说了,下面是具体的实现代码. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title			

		

	

				

		

			

                使用ajax+jqtransform实现动态加载select_jquery
			

		

		

									

				今天在工作的时候遇到一个问题,页面中公司名称是在项目名称选择后用ajax读取出来的.但是jqtransform是在页面加载完成后调用的,所以导致了公司名称下拉框无法展示最新的数据. <link rel="stylesheet" href="${ctx}/jqtransformplugin/jqtransform.css" type="text/css"></link> <script type="text/			

		

	

				

		

			

                c++-基于C++的EXCEL XLL加载项为什么不能成功加载？
			

		

		

									

				问题描述 基于C++的EXCEL XLL加载项为什么不能成功加载? 我用C++写了一个EXCEL的XLL加载项,使用了VS2008中的MD模式. 在绝大多数机器上,只要我先安装vs2008 runtime,就可以成功加载,但有的机器,即使安装上述runtime或VS后,也不能够成功加载. 请问这是什么原因,有人遇到过同样的问题么? 问题补充: 我回去试了一下,确实有32/64位的问题.但我在虚拟机上重装了一个32位的新机器,也还是不能够成功加载. 解决方案 看下是不是因为你的office是64b			

		

	

				

		

			

                利用CSS、JavaScript及Ajax实现图片预加载的方法_javascript技巧
			

		

		

									

				预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验.本文将分享三个不同的预加载技术,来增强网站的性能与可用性. 实现图片预加载可以使用css.JavaScript.Ajax三种方法.下面分别介绍这些方法的实现. 使用CSS 单纯的使用css可以将图片加载到页面元素的背景上,这种方法简单.高效: #d			

		

	

				

		

			

                javascript+ajax实现产品页面加载信息_javascript技巧
			

		

		

									

				js //加载页面 //加载产品列表 function GetProductList() { function PostParam(param) { param.key = "lm324"; return param; } var PostExecParam = { ClassName: "AnxinE.BLL.Product.ProductInfoBLL", MethodName: "Search", ParamModelName: "			

		

	

				

		

			

                如何使用AJAX实现按需加载【推荐】_AJAX相关
			

		

		

									

				按需加载的优势:在实际调查中发现,很多的网民在游览网站时具有明确的指向性,往往在进入主页后直接搜索进入自己需要的商品列表内,如果在客户进入主页时将主页信息全部加载完毕后展示给顾客,会极大的浪费网站资源,同时也会降低客户体验度,因而按需加载则成为了当今网站构建的主流. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>按