JS实现AJAX (加转码的操作)

最新推荐文章于 2021-08-06 08:40:10 发布

陈冠东

最新推荐文章于 2021-08-06 08:40:10 发布

阅读量841

点赞数

分类专栏： javascript 文章标签： ajax xmlhttprequest stylesheet string safari jsp

本文链接：https://blog.csdn.net/guandongchen/article/details/7079212

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

客户端jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page 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 'index.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">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <script type="text/javascript">

function ajaxFunction() {
var xmlHttp;

    try {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    } catch (e) {

        // Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {

            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                alert("您的浏览器不支持AJAX！");
                return false;
            }
        }
    }
    var username = document.getElementByIdx_x("uid").value;
    xmlHttp.onreadystatechange = function()

    {
        if (xmlHttp.readyState == 4) {
            document.myForm.time.value = xmlHttp.responseText;
        }
    }

    xmlHttp.open("POST", "Ser", true);
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//解决中文问题2必须放到这个位置
    xmlHttp.send("username="+username); //如果用的是第一种解码方式这里括号内写成null在上面的用地址栏传参

}
</script>
</head>

</form>

</center>

</body>
</html>

服务器端servlet

package com.servlet;

import java.io.IOException;

import java.io.PrintWriter;
import java.net.URLDecoder;
import java.text.DateFormat;
import java.text.SimpleDateFormat;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.xml.crypto.Data;

public class Ser extends HttpServlet {

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

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

        response.setContentType("text/html;charset=utf-8");
        request.setCharacterEncoding("utf-8");
        PrintWriter out = response.getWriter();
        String username2 = request.getParameter("username");
        //String uu = URLDecoder.decode(username, "utf-8");//转码解决中文问题1

out.print(username2);
}

}

这里提到了两种解决中文问题的方法在这里建议使用设置头部的方法xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");