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发送Json数据及解析

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

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

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

通过Ajax进行Post提交Json数据

js代码 $.ajax({ type : "POST", url : js_path + "/maintainAdd/add", data : JSON.stringify(mad...

AJAX-requestBody-提交JSON

注释:formdata 为Json格式数据 message 为后台返回发的Json格式数据,可以直接.key取值 Json实质是还是要转换成String传输 data: JSON.string...

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

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

jquery.ajax提交请求并返回json数据

当我们在两个java项目之间互相调用接口时就会遇到跨域请求的问题,这次我开发系统的注册功能后台实现是调用的用户管理中心的接口,前台通过$.ajax请求并处理返回的json数据,其中注意一点就是如果出现...

Ajax提交json字符串给后台处理

前台关键代码 function save() { var imgStr = getImgStr(); var positionObj = getPositionObj(...

$.ajax传递json对象到后台

var mall = {             MallID: $("#createId").val().trim(),             MallName: $("#...

ajax的data传参的两种方式

1./** * 订单取消 * @return {Boolean} 处理是否成功 */ function orderCancel(orderId, commant){ var flag...

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

个人笔记,不喜欢勿评论 今天学习了一下如何使用ajax传递json数据到后台 1、首先需要导入几个json的jar包; 2、开始写代码      前端代码: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax提交json格式数据
举报原因:
原因补充:

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