ajax提交数据到java后台,并且返回json格式数据前台接收处理值
1.前台html页面。有一段代码如下:
账 户:
<input type="text" name="userName" id="userN" placeholder="请输入账户名">
<br />
<br />
<br /> 密 码:
<input type="text" name="passwd" id="userP" placeholder="请输入密码">
<br />
<input type="button" value="登录" id="userB">
----------
在页面引入jquery库(具体可以去网上查)下边是一段js代码:
<script type="text/javascript">
$(document).ready(function() {
$("#userB").click(function() {
var name = $("#userN").val();
var pawd = $("#userP").val();
jQuery.ajax({
type : 'POST',
dataType : 'json',//提交方式是json,也可以是html和text
//dataType:'json' 的意思是URL返回值是以JSON的格式传过来的,然后在页面上解析时就要采取JSON格式来展示。
url : 'servlet/UserInfoAction',//提交到servlet中
cache : false,
data : {
name : name,
pawd : pawd,
},
success : function(data, textStatus) {
// 请求成功时处理
alert(data[0].name);//用这种写法能取出后台传回来的json对象的属性
if (data[0]!=null) {
alert("登录成功!");
var url = getRootPath()+ "/welcome.html";//获取工程路径
// var url = getRootPath() + "/servlet/showMessAction";
location.href = url;
}
},
error : function() {
alert("账户密码错误!");
}
});
});
});
//这是一段获取项目路径的js方法
//js获取项目根路径,如:http://localhost:8099/UniqueduHome
function getRootPath() {
//获取当前网址,如: http://localhost:8099/UniqueduHome/view/error/notAuthorize.jsp
var curWwwPath = window.document.location.href;
//获取主机地址之后的目录,如: UniqueduHome/view/error/notAuthorize.jsp
var pathName = window.document.location.pathname;
var pos = curWwwPath.indexOf(pathName);
//获取主机地址,如: http://localhost:8099
var localhostPaht = curWwwPath.substring(0, pos);
//获取带"/"的项目名,如:/UniqueduHome
var projectName = pathName.substring(0,
pathName.substr(1).indexOf('/') + 1);
return (localhostPaht + projectName);
}
</script>
2.java后台
String username =request.getParameter("name");
String password =request.getParameter("pawd");
//自己写的方法,返回一个实体对象
UserInfo userInfo = userInfoService.getUser(username, password);
if (null != userInfo) {
//向前台输出数据用response.getWriter().print()这种写法
//JSONArray.fromObject(userInfo);转为json数组格式
//也可以返回一个字符串,页面是判断data跟返回的字符串是否相等做逻辑处理
response.getWriter().print(JSONArray.fromObject(userInfo));
} else {
response.setCharacterEncoding("UTF-8");
response.setHeader("content-type", "text/html;charset=UTF-8");
response.getWriter().println("<font color='red'>账户名/密码错误</font>");
return;
}
}
ajax提交数据到java后台,并且返回json格式数据前台接收处理值的更多相关文章
- ajax请求后台,返回json格式数据,模板!
添加一个用户的时候,需要找出公司下所有的部门,和相应部门下的角色,利用ajax请求,实现联动技术.将返回的json格式数据,添加到select标签下. <script type="te ...
- 使用jQuery发送POST,Ajax请求返回JSON格式数据
问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
- Spring MVC 学习笔记11 —— 后端返回json格式数据
Spring MVC 学习笔记11 -- 后端返回json格式数据 我们常常听说json数据,首先,什么是json数据,总结起来,有以下几点: 1. JSON的全称是"JavaScript ...
- WebService返回json格式数据供苹果或者安卓程序调用
1.新建一个WebService. 2. /// <summary> /// DemoToJson 的摘要说明 /// </summary> [WebService(Names ...
- 返回json格式数据乱码
本文为博主原创,未经允许不得转载: 原本返回json格式数据的代码: @ResponseBody @RequestMapping(value = "getListByTime", ...
- Django 1.8.11 查询数据库返回JSON格式数据
Django 1.8.11 查询数据库返回JSON格式数据 和前端交互全部使用JSON,如何将数据库查询结果转换成JSON格式 环境 Win10 Python2.7 Django 1.8.11 返回多 ...
- springmvc通过ajax异步请求返回json格式数据
jsp 首先创建index.jsp页面 <script type="text/javascript"> $(function () { $("#usernam ...
- 如何让webapi只返回json格式数据
最近脑子不好用,总记不住事,以前搞过让webapi只返回json格式的数据,今天有人问我又突然想不起了,后来总结一下,备忘一下,大概有下面几种处理方式 1.在WebApiConfig类的Registe ...
- C#返回JSON格式数据
又类的属性生成json格式数据 using System; using System.Collections.Generic; using System.Linq; using System.Web; ...
随机推荐
- java抽象类和接口
面向对象设计过程中重要的一点是如何进行抽象,即把"问题空间"中的元素与"方案空间"中的元素建立理想的一对一的映射关系.抽象类和接口便是抽象过程中的产物. ...
- JavaScript 函数表达式
JavaScript中创建函数主要有两种方法:函数声明和函数表达式.这两种方式都有不同的适用场景.这篇笔记主要关注的是函数表达式的几大特点以及它的使用场景,下面一一描述. 主要特点 可选的函数名称 函 ...
- Android 如何有效的解决内存泄漏的问题
前言:最近在研究Handler的知识,其中涉及到一个问题,如何避免Handler带来的内存溢出问题.在网上找了很多资料,有很多都是互相抄的,没有实际的作用. 本文的内存泄漏检测工具是:LeakCana ...
- 最新Android系统版本与API等级对应关系表
最新Android系统版本与API等级对应关系表 从Android官网拷过来的,方便查阅... 官网地址:https://developer.android.com/guide/topics/mani ...
- the request resource is not available
form表单递交数据的问题 我的解决方法 将要访问的servlet地址写入form的action中 例如:访问地址为http://localhost:8080/Webprojectselfservic ...
- 2、项目标准的制定 - PMO项目管理办公室
PMO项目管理办公室应该是针对公司级别的项目内容制定项目标准.这个由公司的项目经理们进行集中讨论,然后将项目标准进行文档化,标准化,从而为公司的项目进行指导性的功能,为公司的项目进行服务.下面对项目标 ...
- mysql select日期格式
mysql表中datatime类型存储为2016-01-10,C#直接select 后,在datatable里面看,变成01/10/2016,需要还原回去,使用select DATE_FORMAT(列 ...
- Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验
Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出E ...
- db2学习笔记--数据类型对表的影响
创建表的时为列选择合适的数据类型,可以提高数据库性能. 1.选择合适的数据类型,避免出现数据类型转换.例如日期,有人使用字符串来存放日期.时间戳,最后我们还要在程序中使用to_date做数据类型转换, ...
- QWhatsThis的用法
QWhatsThis,为任何widget提供简单的描述,回答"What's This?"这个问题. 示例:(在MainWindow下运行) 定义全局变量 QAction *newA ...