ajax post请求的返回值

解决ajax请求后台,有时收不到返回值的问题昨天下午做项⽬遇到⼀个问题，贴出来⽅便以后翻阅，也给⼤家个参考。

问题：具体做的是个⽂件导⼊的功能，导⼊的功能是成功了，但是界⾯⼀直得不到返回值，排查了⼀下午，调试的时候是可以有返回的，但是关掉浏览器调试界⾯，却得不到返回结果。

原因：⼀直以为是我后台程序有问题，晚上回到家才想起来ajax的问题，把ajax的异步处理改为同步，就出来效果了，具体的原因请看下⽂详解。

jquery中ajax⽅法有个属性async⽤于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项⽬中会⽤到AJAX同步。

这个同步的意思是当JS代码加载到当前AJAX的时候会把页⾯⾥所有的代码停⽌加载，页⾯出现假死状态，当这个AJAX 执⾏完毕后才会继续运⾏其他代码页⾯假死状态解除。

⽽异步则这个AJAX代码运⾏中的时候其他代码⼀样可以运⾏。

ajax中async这个属性，⽤于控制请求数据的⽅式，默认是true，即默认以异步的⽅式请求数据。

⼀、async值为true （异步）当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执⾏ajax块后⾯的脚本，直到server端返回正确的结果才会去执⾏success，也就是说这时候执⾏的是两个线程，ajax块发出请求后⼀个线程和ajax块后⾯的脚本（另⼀个线程）$.ajax({type:"POST",url:"Venue.aspx?act=init",dataType:"html",success:function(result){ //function1()f1();f2();}failure:function (result) {alert('Failed');},}function2();在上例中，当ajax块发出请求后，他将停留function1()，等待server端的返回，但同时（在这个等待过程中），前台会去执⾏function2()。

参数类型说明url 为string（因此要⽤引号引起来）发送请求的地址type string请求的⽅式：post或get请求。

默认为get请求data Object或string发送服务器的数据，键值对，字符串或对象，这⾥post请求有此参数，get请求直接在地址处？后⾯传参即可dataTypestring后端返回给前端的数据类型，⽐如html，xml，json。

本来是string,在ajax请求时设置dataType为json，将字符串；类型变为json类型succ ess function请求成功后调⽤的回调函数，需要操作的东西⼀般在这⾥写⽤法success:function(e 这个字母e可以是其他英⽂){写内容} 注意这个（）⾥⾯的e或者说其他东西就是后端HttpResponse或者JsonResponse返回的东西，这⾥与dataType有关error function请求失败时调⽤的回调函数asyn c Boolean是否异步处理，默认为True,false为同步处理ajax--实现异步请求，接受响应及执⾏回调ajax最⼤的优点是在不重新加载整个页⾯的情况下,可以与服务器交换数据并更新部分⽹页的内容ajax指是⼀种创建交互式⽹页应⽤的⽹页开发技术，其实就是实现前后端交互。

1）ajax是异步javascript，异步的意思即⾮阻塞，就像线程，在代码运⾏到ajax请求时，它会分成两条线，⼀条线去运⾏ajax请求⾥⾯的内容，另⼀条线去运⾏主程序（即ajax请求后⾯的代码），当然我们可以因需要异步设置成同步（即在运⾏到ajax请求时，将阻塞运⾏完ajax请求后，再去运⾏ajax外，后⾯的代码）2）注意ajax请求是由jquery发起的，因此⽤于jquery代码块中。

3）执⾏相应的视图函数（这⾥是在⼀个py，php等⽂件中创建⼀个视图函数，或者class类，给这个视图函数分级设置⼀个url地址，ajax请求中的url即填写这个完整的url地址），返回json内容。

ajax格式及用法Ajax（AsynchronousJavaScriptandXML）是一种使用客户端脚本（通常是JavaScript）与服务器交互的强大技术。

通过Ajax，我们可以实现异步的、基于事件的、基于浏览器的数据请求，从而极大地提高了网页的交互性和响应性。

本篇文章将详细介绍Ajax的格式及用法。

一、Ajax请求格式Ajax请求的基本格式如下：`XMLHttpRequest对象.open(method,url,async,user,password);`其中，method表示请求方法，如GET或POST；url表示请求的URL；async表示是否异步请求，通常为true；user和password用于HTTP认证。

在请求中，我们通常会发送一些数据，这些数据可以以查询字符串的形式附加在URL之后，也可以作为POST请求的数据主体发送。

这些数据可以通过JavaScript对象来创建，或者从XML、JSON或其他数据源获取。

二、Ajax请求示例以下是一个简单的AjaxGET请求示例：`varxhr=newXMLHttpRequest();xhr.open("GET","data.json",true);xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){//请求成功，将返回的数据处理成JSON格式并输出到consolevardata=JSON.parse(xhr.responseText);console.log(data);}};xhr.send();`在这个示例中，我们创建了一个新的XMLHttpRequest对象，并打开了到"data.json"的GET请求。

当请求状态改变时，我们检查请求是否成功，并使用JSON.parse将返回的文本转换为JSON格式。

form表单和ajax中的post请求后台获取数据⽅法（深度好⽂）最近要做后台数据接收，因为前台传来的数据太过于混乱，所以总结了⼀下前台数据post请求⽅法，顺便写了下相对应的后台接收⽅法。

前台主要的contenttype为下⾯三种：（需要注意的是请求头中datatype与contenttype的区别，datatype是要求浏览器返回的数据格式，这⾥的contenttype指的是提交的数据格式）应⽤情景：multipart/form-data类型主要是上传⽂件时⽤到；application/x-www-form-urlencoded类型主要是提交k-v时⽤到，当然这种⽅法也可以将json设置在v中提交json数据；application/json类型主要是传递json数据⽤到，层次⽐较深的数据；post提交主要就是依赖于浏览器表单提交和ajax⽅式提交，两者对这三种⽅式都可以实现，下⾯分别介绍这两类⽅法：⼀、Form表单实现（不含后端）1、application/x-www-form-urlencoded⽅法1. <form action="Handler2.ashx" method="post" enctype="application/x-www-form-urlencoded">2. <p>客户名称: <input type="text" name="CustomerName" style="width: 300px" /></p>3. <p>客户电话: <input type="text" name="CustomerTel" style="width: 300px" /></p>4. <p><input type="submit" value="提交" /></p>5. </form>2、multipart/form-data⽅法1. <form action="Handler2.ashx" method="post" enctype="multipart/form-data"><p><input type="text" name="str" value="⼀个字符串，别管它" /></p>2. <p>要上传的⽂件１<input type="file" name="file1"/></p>3. <p>要上传的⽂件２<input type="file" name="file2"/></p>4. <p><input type="submit" value="提交" /></p>5. </form>3、json⽅法3.1 form表单数据可以直接json序列化var queryArray = $(formElement).serializeArray();3.2 也可以在k-v中的v中添加实际值，当然这个违背了form表单多个k-v的初衷，但是也可以实现⼆、ajax实现（含后端）1、application/x-www-form-urlencoded⽅法(json与kv)1. var data={ "books": [ { "language":"Java" , "edition":"second" }, { "language":"C++" , "lastName":"fifth" }, { "language":"C" , "lastName":"third" } ] }2. $.ajax({3. type: "post",4. url: "http://localhost:39870/api/test/getUrlencode",5. contentType : "application/x-www-form-urlencoded; charset=UTF-8",6. data: { books: JSON.stringify(data), txtPass: "123" },7. success: function (res) {8.9. //alert(res);10. //layer.close(ii);11. }12. });后台处理程序1. [HttpPost]2. public IHttpActionResult getFormdata()3. {4.5. string id = HttpContext.Current.Request["id"];6. string name = HttpContext.Current.Request["name"];7.8. return Ok("success2");9. }⽤上述⽅法既可以获取简单的kv数据，也可以⾃⼰拼接类json数据，不过其中的数据都是默认在浏览器服务器进⾏url编码解码。

Ajax请求的参数post请求和get请求存放参数位置post请求和get请求存放参数位置是不同的:post⽅式参数存放在请求数据包的消息体中。

get⽅式参数存放在请求数据包的请求⾏的URI字段中,以?开始以param=value&param2=value2的形式附加在URI字段之后。

⽽request.setCharacterEncoding(charset);只对消息体中的数据起作⽤,对于URI字段中的参数不起作⽤。

get⽤new String(target.trim().getBytes("ISO-8859-1"), charset);---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------get请求的参数$.ajax({url : SITE_PATH + "/userLogRecord/getList3?name1=name&name2=name2",type : 'GET',dataType : 'json',data:{name3:"name3"},success : function(data) {console.log(111111);},error : function(msg) {}});1、没有search也没有data，即标准的⽆参数get请求，这种既然没有参数，当然也就不涉及content-Type（请求参数data的数据类型）。

requests post 返回方法
requests.post()方法的返回值是一个Response对象，包含以下属性和方法：
1. status_code：HTTP 状态码，如 200 表示成功，404 表示未找到页面等。

2. text：HTTP 响应的内容，以字符串形式返回。

3. headers：HTTP 响应头。

4. encoding：HTTP 响应的编码方式，如 utf-8。

5. json()：将 HTTP 响应的内容解析为 JSON 对象，如果响应内容不是 JSON 格式则会抛出异常。

6. raise_for_status()：如果 HTTP 响应的状态码不是 200，则会抛出异常。

7. content：HTTP 响应的二进制内容，以字节串形式返回。

8. cookies：HTTP 响应的 cookies。

9. elapsed：HTTP 请求的响应时间（秒）。

10. history：HTTP 请求的历史记录，即之前的重定向响应。

11. is_redirect：如果 HTTP 响应是重定向，则返回 True。

12. links：HTTP 响应中包含的链接。

13. reason：HTTP 响应状态码对应的原因短语，如 'OK'、'Not Found' 等。

14. request：HTTP 请求对象。

- 1 -。

ajaxpost请求报错415或400解决⽅案ajax post请求报错415或400解决⽅案jsp页⾯<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>Title</title><script src="js/jquery-2.1.0.js"></script></head><body><button id="btn">发送ajax请求</button><script>//页⾯加载事件$(function () {$("#btn").click(function () {//发送ajax请求var url = "user/testAjax";var params = {"username":"liangge", "password":"123", "age":18};$.ajax({url:url,data:params,type:"post",success:function (resultData) {//成功后的回调函数console.log(resultData);console.log(ername);console.log(resultData.password);console.log(resultData.age);},dataType:"json"});});});</script></body></html>java代码@Controller@RequestMapping(path = "/user")public class UserController {/*** 模拟异步请求和响应*/@RequestMapping(path = "/testAjax",method = RequestMethod.POST)public @ResponseBody User testAjax(@RequestBody User user){System.out.println("testAjax⽅法执⾏了...");//浏览器发送ajax请求，传的是json字符串，后端把json字符串封装到user对象中System.out.println(user);//模拟从数据库中查数据user.setUsername("张三");user.setPassword("456");user.setAge(30);return user;}}只要点击发送ajax按钮，就报了如下错误：HTTP的状态码415为415 Unsupported Media Type 服务器⽆法处理请求附带的媒体格式 (不⽀持的媒体类型)基本上就是跟content-type有关 (content-type：设置发送给服务器数据的格式)查看⼀下请求头信息tips:post提交数据四种常见的content-type取值：1.application/x-www-form-urlencoded ：最常见的 POST 提交数据的⽅式2.multipart/form-data ：使⽤表单上传⽂件时，传递这个值3.application/json ：⽤来告诉服务端发送的数据是序列化后的 JSON 字符串4.text/xml ：使⽤ HTTP 作为传输协议，XML 作为编码⽅式的远程调⽤规范所以不难发现为什么默认的是application/x-www-form-urlencoded也知道我们该⽤哪⼀个值了初次修改：<script>//页⾯加载事件$(function () {$("#btn").click(function () {//发送ajax请求var url = "user/testAjax";var params = {"username":"liangge", "password":"123", "age":18};$.ajax({url:url,data:params,type:"post",success:function (resultData) {//成功后的回调函数console.log(resultData);console.log(ername);console.log(resultData.password);console.log(resultData.age);},dataType:"json",contentType: 'application/json;charset=UTF-8'});});});</script>但还是报错了，报400看下请求头中的contentTypecontentType已经修改过，为什么报400呢？因为前后台传⼊的数据不匹配，后台⽆法解析数据，告诉服务端数据是序列化后的 JSON 字符串，但是JSON数据确没有序列化或是没有满⾜JSON的格式。

ajax post写法Ajax是一种在客户端与服务器之间实现异步传输的技术，通过使用JavaScript和XML，可以实现异步发送数据，并减少了用户等待时间。

在Ajax中，POST是一种常用的请求方式，它主要用于向服务器发送数据。

本文将详细介绍Ajax POST的写法。

一、准备工作在使用Ajax进行POST请求之前，需要先准备好相关的代码和配置。

首先，需要安装jQuery库，因为它提供了许多常用的JavaScript 功能，并且对Ajax的POST请求进行了封装。

同时，还需要配置HTML 表单，以允许用户填写并提交数据。

二、基本语法Ajax的POST请求基本语法如下：```javascript$.post(url, data, success, dataType);```其中，url表示请求的URL地址；data表示要发送的数据；success表示请求成功后的回调函数；dataType表示返回数据的格式。

三、发送数据在发送数据时，可以使用$.post()方法中的data参数来指定要发送的数据。

这些数据可以是字符串、对象或数组等类型。

如果数据是字符串类型，需要使用JSON.stringify()方法将其转换为JSON格式；如果数据是对象类型，可以直接作为参数传递给$.post()方法。

例如，假设有一个表单，用户需要填写姓名和年龄，并提交数据到服务器。

可以使用以下代码来发送数据：```javascriptvar name = "张三";var age = 20;$.post("example.php", {name: name, age: age},function(response) {// 处理服务器返回的数据});```四、处理服务器响应当服务器返回响应时，可以使用success回调函数来处理响应数据。

根据返回的数据格式，可以使用不同的方式来解析和处理响应。

ajax post参数AJAX是一种用于创建快速动态网页的技术，允许网页在不重新加载的情况下向服务器发送请求和接收响应。

在使用AJAX时，POST 方法是常用的一种HTTP请求方法。

当使用AJAX POST方法时，需要将一些参数发送到服务器端以便服务器能够处理请求。

这些参数可以包括表单数据、URL参数或者JSON数据。

在AJAX POST请求中，参数可以通过多种方式传递：1. 字符串：可以将参数直接作为字符串发送到服务器。

例如： ```$.ajax({type: 'POST',url: 'example.php',data: 'name=John&age=30',success: function (response) {console.log(response);}});```在上述例子中，参数'name'和'age'被作为字符串发送到服务器。

2. 对象：可以将参数作为对象发送到服务器。

例如：```var data = {na 'John',age: 30};$.ajax({type: 'POST',url: 'example.php',data: data,success: function (response) {console.log(response);}});```在上述例子中，参数被作为对象'data'发送到服务器。

3. 序列化表单数据：可以将表单数据序列化后作为参数发送到服务器。

例如：```var data = $('#myForm').serialize();$.ajax({type: 'POST',url: 'example.php',data: data,success: function (response) {console.log(response);}});```在上述例子中，表单数据被序列化后作为参数发送到服务器。

Struct2_使⽤Ajax调⽤Action⽅法并返回值⼀、Login.jsp1、<head>引⼊jquery：<script type="text/javascript"src="/ajax/jQuery/jquery-1.7.1.js"></script>2、界⾯控件：⽤户名：<input type="text"id="userName"><input type="button"id="btnAjax"value="Ajax调⽤"/>3、提交ajax请求<script type="text/javascript">$(function() {$("#btnAjax").click(function() {var userName = $("#userName").val().trim();if (userName == '') {alert("⽤户名不能为空");return false;}//login1为Action类命名空间名称；AjaxExecute为Action⽅法名称$.ajax({type : "post",url : '/login1/ajaxExecute',data : {//设置数据源userName : userName,password : "我是密码"},dataType : "json",//设置需要返回的数据类型success : function(d) {alert(d.sayHi);},error : function(d) {alert(d.responseText);}});});});</script>⼆、后台类：LoginActionNoNamespcepackage action;import java.text.SimpleDateFormat;import java.util.Date;import java.util.HashMap;import java.util.Map;import org.apache.struts2.convention.annotation.Action;import space;import org.apache.struts2.convention.annotation.ParentPackage;import org.apache.struts2.convention.annotation.Result;import org.apache.struts2.interceptor.validation.SkipValidation;import freemarker.template.SimpleDate;@ParentPackage("json-default")@Namespace("/login1")public class LoginActionNoNamespce extends SuperActionSupport {private static final long serialVersionUID = 1L;private Map<String, String> dataMap;//会把本类所有getter⽅法序列化成字符串返回给jsp页⾯public Map<String, String> getDataMap() {return dataMap;}public void setDataMap(Map<String, String> dataMap) {this.dataMap = dataMap;}@SkipValidation@Action(value = "ajaxExecute", results = { @Result(type = "json", params = { "root", "dataMap" }) })public String ajaxExecute() throws Exception {this.dataMap = new HashMap<String, String>();// 参数名称必须和jsp的空间名称⼀⼀对应String userName = request.getParameter("userName");String password = request.getParameter("password");dataMap.put("isSuccess", "true");SimpleDateFormat now = new SimpleDateFormat("yyyy年MM⽉dd⽇ HH时mm分ss秒");dataMap.put("sayHi", "Hi:" + userName + " 当前时间为：" + now.format(new Date()) + password);return SUCCESS;}}三、注意事项1. 类注解：@ParentPackage("json-default")，⽐如为json-default，不能为struts-defaultjson-default是继承于structs-default的,见.m2\repository\org\apache\struts\struts2-json-plugin\2.3.16.3\struts2-json-plugin-2.3.16.3.jar\struts-plugin.xml2. Action注解：@Action(value = "ajaxExecute", results = { @Result(type = "json", params = { "root", "dataMap" }) })，这⾥的type必须为json、root是固定值，去掉params节点会返回undefined3. 这⾥的dataMap定义为：private Map<String, String> dataMap;必须要添加getter、setter参数，否则返回null4. JSP页⾯（这⾥可以⽤命名空间，如url : '/login1/ajaxExecute', @ParentPackage("json-default")这样设置就不会报错）5. maven管理，需要引⽤的库<dependencies><dependency><groupId>org.apache.struts</groupId><artifactId>struts2-core</artifactId><version>2.3.16</version><exclusions><exclusion><groupId>org.javassist</groupId><artifactId>javassist</artifactId></exclusion></exclusions></dependency><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version></dependency><dependency><groupId>org.apache.struts</groupId><artifactId>struts2-convention-plugin</artifactId><version>2.3.16.3</version></dependency><dependency><groupId>org.apache.struts</groupId><artifactId>struts2-json-plugin</artifactId><version>2.3.16.3</version></dependency><dependency><groupId>net.sf.json-lib</groupId><artifactId>json-lib</artifactId><version>2.4</version></dependency></dependencies>。