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-requestBody-提交JSON

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

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

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

Jquery Ajax 复杂json对象提交到WebService

一.使用get方式1.前台 //复杂json对象提交 var person = {'per':"{ 'id': 1, 'name': '张三', 'sex': '男' }...
  • WuLex
  • WuLex
  • 2017-01-04 17:18
  • 688

通过Ajax进行Post提交Json数据

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

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

个人笔记,不喜欢勿评论 今天学习了一下如何使用ajax传递json数据到后台 1、首先需要导入几个json的jar包; 2、开始写代码      前端代码: <% S...

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

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

JQuery 发送Json格式数据

简述: 需要封装一组Json格式的数据到服务器 知识点: 1. 调用jquery.json的库 2. AJAX Post 请求 Jquery下载地址 http://jquery.com/dow...
  • anialy
  • anialy
  • 2013-02-19 16:38
  • 37755

Ajax传递Json数据

首先我们要用到程序集Newtonsoft.Json.dll 和 JS插件 jquery.json-2.3.js   我已经在资源库 提供了下载  没有的朋友可以去下载 前台aspx代码 ...

Ajax发送Json数据及解析

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

Ajax作用、及Ajax函数的编写

关于Ajax (Asynchronous javaScript and XML) 1、 Ajax并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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