Ajax提交json格式数据

原创 2015年11月20日 11:11:16

myAjax.jsp

<%@ 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>ajax提交数据</title>
</head>
<body>
    <input id="username" type="text">
    <input type="submit" value="提交" onclick="test()">
    <!-- 引入jq类库 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/scripts/jquery-1.8.3.min.js"></script>
    <!-- ajax提交 -->
    <script type="text/javascript">
        function test(){
            var my_username = $('#username').val();
            var username = {'username': my_username};
            var contextPath = '${pageContext.request.contextPath}';
            alert(username.username);
            $.ajax({ 
                type: "post", 
                url:   contextPath+"/myAjaxController", 
                data:  username,
                dataType: "json",
                success: function(msg){alert( msg );} //操作成功后的操作!msg是后台传过来的值 
                }); 
        }
    </script>

</body>
</html>



myAjaxController.java

package com.hongyewell.ajax;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.google.gson.Gson;

public class myAjaxController extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
        //接收数据
        request.setCharacterEncoding("utf-8");
        String username = request.getParameter("username");
        System.out.println(username);
        //返回数据
        String flag = "ok";
        PrintWriter out = response.getWriter();
        Gson gson = new Gson();
        String flagJson = gson.toJson(flag);
        out.write(flagJson);

    }

}

获取用户输入的数据

这里写图片描述


servlet接收到数据

这里写图片描述


servlet返回给客户端的数据

这里写图片描述

通过Ajax进行Post提交Json数据

js代码 $.ajax({ type : "POST", url : js_path + "/maintainAdd/add", data : JSON.stringify(mad...
  • liyongjian12
  • liyongjian12
  • 2017年02月03日 09:12
  • 3920

AJAX-requestBody-提交JSON

注释:formdata 为Json格式数据 message 为后台返回发的Json格式数据,可以直接.key取值 Json实质是还是要转换成String传输 data: JSON.string...
  • Kiss_Fly
  • Kiss_Fly
  • 2015年12月23日 11:06
  • 4677

AJAX - 前台传JSON到后台

【1】contentType默认为application/x-www-form-urlencoded的情况var url = "person.action"; var jsonStr = {"name...
  • J080624
  • J080624
  • 2017年01月18日 09:48
  • 5090

通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法

现在在做的项目用到了SpringMVC框架,需要从前端angular接收请求的JSON数据,为了测试方便,所以直接先用AJAX进行测试,不过刚开始用平时用的ajax方法,提交请求会出现415或者400...
  • lsy0903
  • lsy0903
  • 2016年11月17日 14:24
  • 15584

$.ajax传递json对象到后台

var mall = {             MallID: $("#createId").val().trim(),             MallName: $("#...
  • qq_31749287
  • qq_31749287
  • 2017年03月10日 23:33
  • 4404

有关用AJAX发送json数据到后台的问题总结

有关@RequestBoby报HttpMessageNotReadableException的问题解决办法,有关fastjson解析json时报错的问题,问题描述:com.alibaba.fastjs...
  • ght521
  • ght521
  • 2016年09月19日 18:18
  • 2311

web中用ajax传递json数据到后台

个人笔记,不喜欢勿评论 今天学习了一下如何使用ajax传递json数据到后台 1、首先需要导入几个json的jar包; 2、开始写代码      前端代码: ...
  • u013086006
  • u013086006
  • 2016年05月19日 15:09
  • 11415

Ajax发送Json数据及解析

上一篇文章写了前端和后台用xml进行通信,这次写试用json来进行通信。 这两个都是前后端进行交互的较好的方式,具体区别,不懂得可自行百度。这里推荐一篇文章(里面总结的也是比较全的): http:...
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2017年03月15日 21:36
  • 2709

使用jQuery发送POST,Ajax请求返回JSON格式数据

问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code":-1,"msg":...
  • molashaonian
  • molashaonian
  • 2016年09月04日 18:46
  • 7978

原生js的Ajax提交json数据到后台

原生ajax发送json数据到后台接收(将json转换为name=tom&pwd=123格式的字符串,简单,不在本次测试内),需要做到几点: 1,post方式发送。 2、json对象必须转换为json...
  • zilingkong
  • zilingkong
  • 2017年09月26日 10:57
  • 402
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax提交json格式数据
举报原因:
原因补充:

(最多只允许输入30个字)