ajax发送json，后台取得数据

最新推荐文章于 2024-07-21 22:36:34 发布
最新推荐文章于 2024-07-21 22:36:34 发布
阅读量1.8k 收藏
点赞数 2
分类专栏： javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hackcoder/article/details/24131683
版权 
package com.xeon.mis.action;

import java.io.BufferedReader;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;
import com.xeon.mis.dao.StudentDao;
import com.xeon.mis.model.Student;
import com.xeon.mis.utils.JsonUtils;

public class QueryAction extends ActionSupport {
	private static final long serialVersionUID = 1L;
	

	@Override
	public String execute() throws Exception {
		HttpServletRequest request = ServletActionContext.getRequest();
		BufferedReader reader = request.getReader();
		StringBuffer buffer = new StringBuffer();
		String str;
		while ((str = reader.readLine()) != null) {
			buffer.append(str);
		}
		if (buffer == null || "".equals(buffer.toString())) {
			return ERROR;
		}
		
		return SUCCESS;
	}

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>ajax.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
		<script type="text/javascript" src="js/json.js">
</script>
		<script type="text/javascript">
var xhr;
function send(url) {
	create();
	var jsonuser = {
		major : "动漫设计"
	};
	var str = JSON.stringify(jsonuser);
	if (xhr != null) {
		xhr.onreadystatechange = statechange;
		xhr.open("POST", url, true);
		xhr.send(str);
	} else {
		alert("浏览器不支持！！！");
	}
}
function create() {
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		xhr = new ActiveXObject(Microsoft.XMLHTTP);
	}
}
function statechange() {
	if (xhr.readyState == 4 && xhr.status == 200) {
		document.getElementById("a").innerHTML = xhr.responseText;
	}
}
</script>
	</head>

	<body>
		<div id="a">

		</div>
		发送json
		<input type="button" οnclick="send('query.action')" value="send" />
	</body>
</html>

<action name="query" class="com.xeon.mis.action.QueryAction"/>



hackcoder
关注
专栏目录
Ajax调用restful接口传送Json格式数据的方法
12-12
ajax传送json格式数据，关键是指定contentType，data要是json格式 如果是restful接口，把type改成对应的post（增）、delete（删）、put（改）、get（查）即可 var post_data={"name":"test001","pass":"xxxx"}; $.ajax({ url: "http://192.168.10.111:8080/uc/login", type: 'post', contentType: "application/json; charset=utf-8", data:JSON.stringify(post_d
js原生使用xhr对象发送图片文件至服务器并得到服务器的返回数据
gjiawan的博客
10-23 1346
原生js+Nodejs完成图片文件的简单上传并得到返回数据并渲染
JSON 与 Ajax
最新发布
gclz_666666的博客
07-21 805
1、JSON概念 JSON（JavaScript Object Notation），JavaScript 对象标记，是一种轻量级的数据交换格式，实际就是一个长一点的字符串。在 Java 开发中，可以将 JSON 数据转换为对象，也可以将对象转换为 JSON 数据。 2、Ajax 概念 Ajax（Asynchronous Javascript And XML），异步 JavaScript 和 XML。 Ajax 可以使用 JavaScript 向服务器发送异步请求，在服务器请求少量数据，进行页面的局部刷新
XHR发送数据后端接收不到
EstherLty的博客
12-25 1900
XHR发送数据，后端接收不到 post请求，通过XMLHttpRequest.setRequestHeader()设置请求头，服务器通过Content-Type，得到请求数据的类型，然后进行解析 xhr属性值 text/html ： HTML格式 **text/plain ：**纯文本格式 application/json： xhr.send(data) ，data是json格式{“a”：“b”}（需要序列化） application/x-www-form-urlencoded： xhr.send(d
通过html页面向后端传递JSON数据
Qiu的博客
12-11 1042
通过html页面向后端传递JSON数据
AJAX学习笔记
weixin_44497507的博客
11-10 628
【代码】AJAX学习笔记。
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
10-23
后端返回的数据是JSON格式，前端通过AJAX请求取得这些数据后，用JavaScript进行解析和显示。 要注意的是，文中在处理JSON数据时使用了`eval`函数将JSON字符串转为JavaScript对象数组，虽然这是一种简单直接的方法，...
使用ajax取得数据
03-04
在“使用Ajax取得数据”这个主题中，我们将深入探讨Ajax的工作原理、基本使用方法以及实际应用。 ### 1. Ajax工作原理 Ajax的核心是JavaScript对象XMLHttpRequest，它允许JavaScript在后台与服务器交换数据，而...
JQuery通过后台获取数据遍历到前台的方法
10-18
JQuery通过后台获取数据并遍历到前台的方法，主要是指利用JQuery库中的AJAX技术从服务器端取得数据，并通过遍历将这些数据动态地插入到HTML页面中显示出来。这是一种在网页开发中常见且实用的操作，尤其适用于动态...
利用ajax传递数组及后台接收的方法详解
10-19
接着，使用AJAX发送数组时，我们通过调用$.ajax()函数，将JSON.stringify(booksid)作为data参数的值。这一步是将JavaScript对象格式化为JSON字符串，以便能够安全地通过HTTP协议传输。 ```javascript $.ajax({ url...
四天学会ajax_ajax教程
12-17
4. **JSON与AJAX**：虽然名字中包含XML，但现代Ajax更常使用JSON（JavaScript Object Notation）作为数据交换格式，因为JSON更轻量级且易于解析。 5. **事件与回调函数**：理解XMLHttpRequest的事件，如...
Ajax基础，xhr和JSON格式
weixin_46273011的博客
04-07 3117
Ajax请求的步骤 1，实例化，2，对请求进行监听，3，准备请求，4，发送请求。 请求的返回，是请求监听处的代码返回的。 <!-- 没有ajax，科研同XMLHttpRequest构造函数实例化来创建 --> <script> //要连接的后端地址 const url = 'https://www.imooc.com/api/http/search/suggest?words=js'; // Ajax的使用步骤
Jquery Ajax No.1
m0_49786709的博客
02-14 240
6.1 AJAX = Asynchronous JavaScript and XML. AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 是一种用于创建快速动态网页的技术。 AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。 AJAX如何工作 AJAX是基于现有的Internet标准，并且联合使用它们： XMLHttpReq
HTML&CSS复习笔记一（Sun）
m0_49210479的博客
09-24 485
一 垂直水平居中的多种方法： 未知宽高： 父元素设置：display：flex ; justify-content: center ; align-items : center 子绝父相后：top: 50%; left: 50% ; transform: translate（-50%，-50%） 知道宽高： 子绝父相后： margin： auto 子绝父相后：top: 50%; left: 50% ;margin：-50%px 0 0 -50%px 二 flex是怎么使用的以及fle...
AJAX JSON的数据传输
忆亦何为的博客
10-14 3401
我们发现在后端的json字符串拼接实在是太痛苦了，因为json只能使用双引号“”，而双引号在字符串里需要进行转义，所以拼接字符串的代码看起来就很另类。AJAX请求从后端响应回来的是一串字符串，javascript怎么把拼接JSON格式的字符串转换成JSON对象。这时候可以在后端拼接JSON格式的字符串，或者XML格式的字符串，将这个字符串发送给前端，前端解析即可。var json对象名字 = {“属性名1” ：属性值1，“属性名2”：属性值2 …它是一串JSON格式的字符串，需要把它转换成JSON对象。
原生xhr对象请求 ，数据交换， json 以及axios的概念及应用
m0_66430536的博客
01-19 1668
原生xhr对象请求 ，数据交换， json 以及axios的概念及应用
Ajax的创建打开发送接收以及Json页面的格式
qq_35146837的博客
05-22 186
首先Json是一种轻量级的交换数据的一种格式，用dreamweaver可以自主创建这样一张网页，里面可以放对象的任何数据，包括数组、函数等。对象调用属性一般分两种情况，有特殊字符的：obj[“margin-left”],若没有特殊字符的就是obj.userName;在数组中，前面要加双引号： { "username":张三， "age":18, "password":123456 } Json解析成对象：Json.parse(); Json解析成字符串：Json.stringify();这在以后从数
如何获取.then的返回值_仅仅知道如何终止XHR请求，或许对你来说是不够的！
weixin_39776298的博客
11-22 618
TLDR:当我们需要的时候，我们可以通过AbortController接口来终止一个或者多个请求。前言到目前为止，我们有两个常用的基本的手段去发送请求进而局部刷新页面内容，其一是XMR(XMLHttpRequest)，其二是fetch，我们一个个说XHR对于XHR，我们或许已经很熟悉了，当我们想要发送一个请求的时候，我们可以这样做：const 当我们由于某种原因(比如重复请求)想要终止它的时候，我...
ajax-笔记 如何用 xhr 向服器发送请求
qiaokelizhuzhu的博客
04-23 803
ajax-笔记 如何用 xhr 向服器发送请求
ajax发送json格式的数据
07-28
使用Ajax发送JSON格式的数据可以按照以下步骤进行： 1. 创建一个包含需要发送的数据的JavaScript对象。 例如，可以创建一个名为data的对象，并添加需要发送的数据字段和对应的值： ```javascript var data = { name: 'John', age: 25, email: 'john@example.com' }; ``` 2. 使用`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。 ```javascript var jsonData = JSON.stringify(data); ``` 3. 创建一个XMLHttpRequest对象。 ```javascript var xhr = new XMLHttpRequest(); ``` 4. 使用`xhr.open()`方法指定请求的类型（POST或GET）和URL。 ```javascript xhr.open('POST', 'your-url'); ``` 5. 设置请求头部，指定数据格式为JSON。 ```javascript xhr.setRequestHeader('Content-Type', 'application/json'); ``` 6. 设置xhr的`onreadystatechange`事件处理函数，以便在请求完成时执行相应的操作。 ```javascript xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { // 请求完成时的操作 if (xhr.status === 200) { // 请求成功的操作 console.log(xhr.responseText); } else { // 请求失败的操作 console.log('Error: ' + xhr.status); } } }; ``` 7. 发送请求并将JSON数据作为参数传递。 ```javascript xhr.send(jsonData); ``` 这样，就可以使用Ajax发送JSON格式的数据了。请注意，你需要将'your-url'替换为你要发送请求的URL。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值