Ajax提交json格式数据
2015-11-20 11:11
861 查看
myAjax.jsp
[code]<%@ 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
[code]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返回给客户端的数据
相关文章推荐
- JS中的Date
- json解析之四种基本格式的解析
- eval解析JSON中的注意点
- js中eval详解
- JavaScript制作淘宝星级评分效果的思路
- JS中页面加载事件window.onload、onload()、document.onclick
- JS的运行机制
- javascript中eval()函数使用方法
- JS数据类型
- JavaScript中的eval()函数详解
- Zepto.js touch模块深入分析
- C#、JS、正则验证电话号码
- js循环绑定事件解决方案
- json格式
- 跟我学习javascript的异步脚本加载
- javascript基础之面向对象(上)
- javascript:;与javascript:void(0)使用介绍
- JavaScript高级程序设计(第3版)中文在线阅读
- JSP页面<%@ ...%>是 什么意思
- 爬虫搜索基础篇(二)