如何使用的是post方法该如何传递数据呢？

在XMLHttpRequest对象中如何通过POST方法传递数据呢？JSON格式的数据应该怎么生成，formData格式的数据后端是如何进行解析的呢？请老师指点一下

风中随影 2018-11-05

源自：Ajax入门 3-1 Ajax实现局部刷新

收起

2回答

提问者风中随影 2018-11-08 09:52:56

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="resource/js/jquery-3.3.1.js"></script>
<%
    String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
</head>
<body>
    <input type="button" value="查看Java课程" onclick="showJava()">
    <input type="button" value="查看C课程" onclick="showC()">
    <div id="content"></div>
</body>
<script>
    function showJava(){
        var xmlHttp=new XMLHttpRequest();
        xmlHttp.open("POST","<%=basePath %>/ClassesServlet",true);
        xmlHttp.send("flag=1");
        xmlHttp.onreadystatechange=function(){
            if(xmlHttp.readyState=="4"&&xmlHttp.status=="200"){
                var result=xmlHttp.responseText;
                document.getElementById("content").innerHTML=result.html;
            }
        }
    }
     
    function showC(){
        var xmlHttp=new XMLHttpRequest();
        xmlHttp.open("POST","<%=basePath %>/ClassesServlet","true");
        xmlHttp.send("flag=2");
        xmlHttp.onreadystatechange=function(){
            if(xmlHttp.readyState=="4"&&xmlHttp.status=="200"){
                var result=xmlHttp.responseText;
                document.getElementById("content").innerHTML=result.html;
            }
        }
    }
</script>
</html>

package com.imooc.servlet;
 
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.json.JSONObject;
 
@WebServlet("/ClassesServlet")
public class ClassesServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String flag=request.getParameter("flag");
        JSONObject jsonObject=null;
        if(flag.equals("1")){
            jsonObject=new JSONObject("{html:java基础<br>java Web}");
        } else if(flag.equals("2")){
            jsonObject=new JSONObject("{html:C语言基础<br>C语言实战}");
        }
        response.getOutputStream().write(jsonObject.toString().getBytes("utf-8"));
    }
 
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
 
}

收起回答

chrismorgen #1

你好同学，我在http://class.imooc.com/course/qadetail/75896这个问答下回复你了，祝学习愉快~

2018-11-08 10:42:57

慕布斯645313 2018-11-06 10:21:38

一样的，你把GET改为POST及可以了。

收起回答

提问者风中随影 #1

但是数据如何进行传递呢？可以时候哪些方法进行传递呢？

2018-11-06 10:52:25
慕布斯645313 回复提问者风中随影 #2

数据传递的方式和之前的有些不一样，下面这个博客我觉的不错，推荐给你看看https://blog.csdn.net/wugewuge/article/details/8048698

2018-11-06 14:16:00
提问者风中随影回复慕布斯645313 #3

那我用这个方法写的post方法数据传递为什么会报错呢？一直没有办法吧数据传递过去

2018-11-08 09:51:55