$.ajax()在异步请求中提交数据

最新推荐文章于 2023-03-24 14:19:24 发布

钰七秒

最新推荐文章于 2023-03-24 14:19:24 发布

阅读量1.3k

点赞数 1

分类专栏： Ajax 文章标签： java ajax json

本文链接：https://blog.csdn.net/qq_62225125/article/details/123772466

版权

Ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在 $.ajax() 方法中通过 data 属性来存放提交的数据，支持 JSON 格式的数据。

提交普通格式数据

在 data 属性中我们可以通过两种方式来指定需要提交的数据。一种是通过

name=value&name=value 的结构。另一种是通过 JavaScript 对象来指定提交数据。无论使用

哪种方式在 Servlet 中都是通过 request.getParameter 方法根据 name 获取 value 的。

JSP代码文件：

<%--
  Created by IntelliJ IDEA.
  User: 辰南
  Date: 2022/3/27
  Time: 13:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.js"></script>
    <script>
        function but(){
            var userid = $("#userid").val();
            var username = $("#username").val();

            $.ajax({
                type:"get",
                url:"data.do",
                data:"id="+userid+"&name="+username,
                success:function(result){
                    $("#span").html(result);
                }

            });
        }
    </script>
</head>
<body>
    用户ID:<input type="text" id="userid"/><br/>
    用户姓名：<input type="text" id="username"/><br/>
    <span id="span"></span>
    <input type="button" value="OK" onclick="but()"/>
</body>
</html>

Servlet代码文件：

package com.bjsxt.servlet;

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 java.io.IOException;
import java.io.PrintWriter;

/**
 * 在$.ajax()中提交数据
 */
@WebServlet("/data.do")
public class DataServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=UTF-8");
        String userid = req.getParameter("id");
        String username = req.getParameter("name");
        PrintWriter pw = resp.getWriter();
        pw.print(userid+" "+username);
        pw.flush();
        pw.close();
    }
}

小菜鸟不懂得地方，解答在这里：

1.有时候有点不太懂getParameter()方法里面应该填什么值，能不能讲一下

你好： getParameter()里面写的是你前端页面里name属性的值，你的前端页面里name="id",你 getParameter("id"),是这样去取值的。

2.怎么设置响应编码，浏览器识别不了中文，我加了setChacaterEcoding还是不行

你好：设置响应编码应该用response设置，

resp.setContentType("text/html;charset=utf-8");这样你输入中文浏览器就可以识别了。

3.请问ajax的服务端响应要用字符输出流；而ajax的请求，在服务端获取数据就不用考虑用字符输入流，而是可以直接用req的getparameter（）获取数据吗？还有就是为什么ajax的服务端响应一定要用字符输出流？

你好：

请问ajax的服务端响应要用字符输出流；而ajax的请求，在服务端获取数据就不用考虑用字符输入流，而是可以直接用req的getparameter（）获取数据吗？

对的

还有就是为什么ajax的服务端响应一定要用字符输出流？

在一般处理ajax请求的时候，一般走的就是字符流，字符流处理json比字节高效。

对大家有帮助的可以点个小赞支持一下哦！

钰七秒

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
$.ajax()在异步请求中提交数据

在$.ajax()方法中通过 data 属性来存放提交的数据，支持 JSON 格式的数据。提交普通格式数据在 data 属性中我们可以通过两种方式来指定需要提交的数据。一种是通过 name=value&name=value 的结构。另一种是通过 JavaScript 对象来指定提交数据。无论使用哪种方式在 Servlet 中都是通过 request.getParameter 方法根据 name 获...
复制链接

扫一扫