$.post()方法与GSON工具包将Object对象转换为JSON字符串

最新推荐文章于 2024-05-30 09:31:00 发布

Jere11

最新推荐文章于 2024-05-30 09:31:00 发布

阅读量634

点赞数

分类专栏： web前端文章标签： Ajax

本文链接：https://blog.csdn.net/u011246325/article/details/44925257

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

POST函数

jQuery.post(url, [data], [callback], [type])
概述
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
参数
url,[data],[callback],[type]
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式，xml, html, script, json, text, _default。

jQuery中的$.post()方法

在AjaxProject工程中添加gson.2.2.4.jar工具包，用jQuery封装的post方法向后台AjaxjQueryServlet传递请求参数

<script type="text/javascript">

    $(function(){

        $("button").click(function(){

            //测试$.post()方法
            //url:发送请求地址。
            //data:待发送 Key/value 参数。
            //callback:发送成功时回调函数。
            //type:返回内容格式，xml, html, script, json, text, _default。
            $.post("AjaxjQueryServlet",{userName:"Tom2015"},function(data){

                //{"userPwd":"123456","userName":"Tom2015"}
                alert(data.userName+" "+data.userPwd);

            },"json");

        });

    });

</script>

后台AjaxjQueryServlet代码如下

public class AjaxjQueryServlet extends HttpServlet {

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

        String userName = request.getParameter("userName");
        System.out.println("userName="+userName);

        //将要返回的数据封装到Map集合中
        Map<String, String> map = new HashMap<String, String>();
        map.put("userName", "Tom2015");
        map.put("userPwd", "123456");

        //Google提供的创建JSON字符串工具包：gson
        //1.导入JAR包：gson-2.2.4.jar
        //2.创建Gson对象
        Gson gson = new Gson();

        //3.调用gson对象的toJson(Object src)方法将对象转换为JSON字符串输出
        String json = gson.toJson(map);

        //4.设置响应的内容类型
        response.setContentType("text/josn;charset=UTF-8");

        //5.获取用于返回数据的字符输出流
        PrintWriter writer = response.getWriter();

        //6.返回响应数据
        writer.write(json);

    }
}

在web.xml文件中，配置AjaxjQueryServlet请求路径

<servlet>
    <servlet-name>AjaxjQueryServlet</servlet-name>
    <servlet-class>com.atguigu.ajax.servlet.AjaxjQueryServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>AjaxjQueryServlet</servlet-name>
    <url-pattern>/AjaxjQueryServlet</url-pattern>
</servlet-mapping>