ajax传参数json对象到servlet获取

最新推荐文章于 2024-05-16 13:55:28 发布
最新推荐文章于 2024-05-16 13:55:28 发布
阅读量1.5k 收藏 3
点赞数 1
分类专栏： 读书笔记 JavaWeb学习笔记 文章标签： ajax用JSON对象传值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41172982/article/details/88414380
版权

JSP登陆界面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
    //ajax传递参数JS代码段
	function loginAjax(){
		var uname=$("#uname").val();
		var upass=$("#upass").val();
		$.ajax({
			type:"get",

            //采用JSON对象传值
			data:{"uname":uname,"upass":upass,"oper":"loginAjax"},
            //传到servlet界面
			url:"studentServlet.do",
			async:true,
			success:function(data){
				if(data.trim()=="1")
				{
					location.href="studentServlet.do";
				}else{
					alert("登陆失败");
				}
			}
			
		});
	}
</script>
<body>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<form class="form-horizontal" action="studentServlet.do" method="post">
				<div class="control-group">
					 <label class="control-label">帐号</label>
					<div class="controls">
						<input  name="uname" id="uname" type="text" />
					</div>
				</div>
				<div class="control-group">
					 <label class="control-label">密码</label>
					<div class="controls">
						<input name="upass" id="upass" type="password" />
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						 <button onclick="loginAjax()" type="button" class="btn btn-default btn-info">登录</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
</body>
</html>

servlet相应ajax传值的相应代码片段：

if (oper.equals("loginAjax")) {
				String uname = request.getParameter("uname");
				String upass = request.getParameter("upass");
				Student stu = new Student();
				stu.setUname(uname);
				stu.setUpass(upass);
                //判断账号密码是否通过的相关方法，可以自行编写测试
				boolean flag = studentService.login(stu);
				if (flag) {
					HttpSession session = request.getSession();
					session.setMaxInactiveInterval(30);//页面刷新方法

                    //将数值传回ajax的代码中，来提示是否登录成功
					out.println("1");
					return;
				} else {
					out.print("0");
				}
			}

 

施小辉辉辉
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于servlet和JSP通过AJAX传值之间的那些事
ITCSDN_的博客
12-15 566
关于servlet和JSP通过AJAX传值   看到这个servlet和JSP，你就应该会想起一些关于它们的知识点，而本文采用的是以案例来说明它们之间这样进行传值的。 关于servlet和JSP通过AJAX传值之间的沟通交流：不过是JSP页面发送请求（get或者post请求），经过web.xml文件servlet将请求与具体java的实现类形成映射之后，通过具体的类来实现请求处理，并将数据通过response或者其他方式返回。 其中注意点有： （1）相互传递的值的类型，（json或是其他），不同的数据类型，
ajax处理从servlet获取的json array
暴躁小学生的博客
08-16 1485
ajax处理从servlet获取的json array 首先不要忘记导入json.jar 和 jquery.jar  前端代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here <% request.
从jsp页面发送ajax请求，servlet接受参数并返回json数据
热门推荐
yanghan1222的博客
11-05 4万+
博主注册了CSDN好久了，一直没写过(哈哈) 今天遇到了问题把我难住了，解决之后就赶紧来记下来 这是一个很简单的更新用户的问题 先来看看项目所需jar包 接下来就是jsp页面的东西，ajax发送id 然后在servlet接受参数，并去数据库查询结果String id = request.getParameter("id"); //System.out.println(
ajax+json进行数据传输请求（ssm框架）_前后端的数据传递,建议采用json+ajax请求方式(1)
最新发布
2401_85014130的博客
05-16 325
还可以是String等等，比如我做如下修改，将JSONObject改为String类型，然后直接返回一个String类型的ce。dataType: ‘json’, //数据返回类型，可以是xml、json等。success: function (data) { //成功，回调函数。a）我们设置的方法为，只要点击“id=b1”的按钮，就会触发这个函数。error: function (er) { //失败，回调函数。type: “POST”, //类型，POST或者GET。1.3 controller写法。
利用ajax和servlet实现前后端数据交互（json）
阿懵
07-23 3万+
之前，想过后端的servlet读取前端发来的post请求，对于如何再反馈到前端的方法，是先利用servlet保存到数据库，然后前端再读取数据库的内容以达到反馈到前端的目的，这样操作显然很傻bi且效率低下，完全忘记了servlet结构中的response的作用。 现在利用此次暑期实习的时间，整理了一下。 1. 首先是前端通过ajax传递数据（json）到后台 前端 test.html: ...
关于使用Ajax异步传输JSON格式信息至Servlet处理
weixin_44023277的博客
01-08 278
关于使用Ajax传输JSON格式信息至Servlet处理 首先准备一些前端页面 <form> 姓名：<input type="text" id="username"></br> 消费：<input type="text" id="pay"></br> 生日：<input type="date" id="use...
通过AJAX与Servlet进行交互：通过JSON传递数据
前端-尔嵘
11-20 1545
1.原生AJAX代码 get请求: //创建xhr,IE低版本不支持 var xhr = new XMLHttpRequest(); //servlet地址 var url="/Website01/index.view"; xhr.open("get", url, true); //xhr处理事件,异步 xhr.onreadystatechange = function() { if ...
ajax data参数 使用json对象传递
QVINTVS的博客
10-20 6694
创建一个json对象 var obj = {}； obj.productId = productId + "|" + parseInt($("#buyNum").text()) ; obj.payType = payType; obj.tRealPrice = tRealPrice; obj.tIntegral = tIntegral; obj.cardNo = bankId; obj...
Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法
08-28
本篇文章主要探讨如何在Servlet中处理AJAX POST请求，特别是当请求参数以`form data`和`request payload`两种不同形式传递时。 首先，理解HTTP请求的基本结构。GET请求的参数通常附加在URL后面，而POST请求的参数...
jsp中利用jquery+ajax在前后台之间传递json格式参数
10-26
在本文中，我们将深入探讨如何在JavaServer Pages (JSP) 中使用jQuery和Ajax来传递JSON格式的参数。这是一个常见的需求，特别是在构建交互性强、响应迅速的Web应用程序时。通过这种方式，前端和后端可以有效地交换...
Servlet利用Ajax,JQuery交互Json
08-22
在Servlet中，我们可以使用`JSONObject`或`JSONArray`等库将Java对象转换为Json字符串，然后通过Ajax发送到客户端，客户端再将接收到的Json数据解析成JavaScript对象，进而更新页面。 具体来说，当用户触发一个事件...
json-servlet-ajax
08-23
1. **数据传输**：AJAX发送请求时，请求体通常携带JSON格式的数据，服务器接收到后，可以方便地反序列化为对象处理。 2. **响应数据**：服务器处理完请求后，将结果封装为JSON格式，通过HTTP响应返回给客户端。 3. *...
Jquery+ajax+json+servlet
09-01
当Ajax发送JSON格式的数据到服务器时，Servlet接收到这些数据，进行处理，然后可能再次返回JSON数据作为响应。 具体实现过程可能如下： 1. 用户在前端页面上触发一个事件（如点击按钮）。 2. 使用jQuery监听该事件...
ajax传送数据到servlet,ajax与servlet利用json传送数据
weixin_33362096的博客
08-05 202
js端var param=“{'dn':'dn','area':'area','yoursugguest':'suggest',}";param = eval('(' + param + ')');$.ajax({url:"/liferayStudy-servlet/CreateTeamServlet", async:false,timeout:'900000',type:'POST', ...
JSP&Servlet（7）——使用AJAX传递JSON数据到Servlet
二木成林
10-04 782
结果展示 说明： 本项目是maven项目，由于需要Gson包，所以由maven引入第三方依赖，如下： <dependency> <groupId>com.google.code.gson</groupId> <artifactId>gson</artifactId> <vers...
响应式前端框架Bootstrap系列（7）按钮
@黄小泽的个人博客
01-12 3183
按钮是前端最常用到的组件，bs提供有关按钮的样式有分为独立按钮、按钮组和按钮插件三种。 独立按钮，可用于, , 或 元素上。 （1）颜色样式： .btn-default：默认/标准按钮 .btn-primary：主要 .btn-success：成功 .btn-info：信息 .btn-warning：警告 .btn-danger：危险 演示代码： 默认按钮 原始按钮
【Servlet】html页面通过Ajax从servlet类获取一个实体对象
Awt_FuDongLai的博客
06-15 390
相关文章： 【Servlet】通过Ajax获取JSON对象 重复步骤在本文就省略了，如实体类，js文件和jar包导入，配置web.xml。 1 概览 本文的主要操作是： 在servlet类中，生成一个实体对象，将其转化为JSON对象。 将这个JSON对象传到html页面上，通过JS代码解析，将其显示出来 2 准备getOne.html页面 说明： 点击id="sender"的按钮后，触发$(’#sender’).click(function () {…});事件。 $.post(…);表示以post的
ajax 文件上传与Servlet获取数据
weixin_44052919的博客
09-21 184
ajax 文件上传与Servlet获取数据 function upload() { var type = "file"; var formData = new FormData(); //文件上传 formData.append(type,$("#upfile")[0].files[0]); formData.append("mname",$("input[name='mname']").val()); formData.append("mintr",$("input[name
ajax得到servlet数据,如何通过servlet中的ajax获取数据？
weixin_39939904的博客
08-05 557
我想将页面上的一些数据发送到servlet所以我写了下面的jQuery来做到这一点我使用所有数据构建一个json字符串，并将其直接发送到servlet但是我不知道如何从servlet中的ajax获取全部数据$("#save").click(function(){$.ajax({url:'/WebApplication1/Controller',data:'{"name":"abc","addres...
servlet获取ajax的 json 数据
04-27
要在servlet中获取ajax的json数据，需要进行以下步骤： 1. 在前端使用ajax发送请求，并将数据以json格式发送到servlet。 2. 在servlet中使用request对象获取json数据。 3. 解析json数据，获取其中的信息。 以下是一个简单的示例代码： 前端： ```javascript $.ajax({ type: "POST", url: "servletUrl", data: JSON.stringify({"name":"John", "age":30}), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data){ console.log(data); } }); ``` 后端： ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { BufferedReader reader = request.getReader(); StringBuilder sb = new StringBuilder(); String line; while ((line = reader.readLine()) != null) { sb.append(line); } reader.close(); String jsonStr = sb.toString(); JSONObject jsonObj = new JSONObject(jsonStr); String name = jsonObj.getString("name"); int age = jsonObj.getInt("age"); // 处理逻辑 } ``` 在这个示例中，ajax发送了一个POST请求到servletUrl，请求体中包含一个由name和age组成的json对象。在servlet中，使用request.getReader()方法获取请求体，再将其转换成字符串。接着，使用json库解析json字符串，获取其中的name和age信息。最后，可以根据这些信息执行一些逻辑处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值