ajax后端请求成功，前端进入error处理

最新推荐文章于 2024-03-25 16:03:53 发布
原创 最新推荐文章于 2024-03-25 16:03:53 发布 · 2.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax

本文详细介绍了在处理JSON数据格式时，遇到的非标准格式问题及解决方法，包括将dataType格式更改为text。同时，文章探讨了如何解决跨域访问问题，提供了添加response.setHeader()的解决方案。在特定业务场景中，还提出了将部分成功内容移至error中的不建议做法。 






个人总结原因：



1. dataType格式为json，只识别返回类型{"aa":"11","bb":"22"},诸如{'aa':'11'}, {"aa":11,"bb":22}都非标准格式



解决方案：



dataType格式改为text



2.跨域访问



解决如上图添加 response.setHeader();



3.在特殊的业务场景下可以考虑再写一个error，把success的内容移过去（不建议）

                

        

    

  



    



              

                

              

            
              



	

		

			

				
					
前端领域AJAX的请求超时处理方法

					
最新发布

				
			

			

				

					AI架构全栈开发实战笔记
				

				

					04-24
					
					872
					
				

			

		

		

			
				
在前端开发中，AJAX（Asynchronous JavaScript and XML）是一项非常重要的技术，它允许在不刷新整个页面的情况下与服务器进行异步通信，从而实现动态更新网页内容。然而，在实际应用中，由于网络状况不稳定、服务器响应缓慢等原因，AJAX请求可能会出现超时的情况。

			
		

	



              


  
              

                


	

		

			

				
					
前端Ajax请求从后端获取二进制文件并下载

				
			

			

				

					近10年前端开发工作经验，为你分享日常经验所得
				

				

					03-25
					
					2582
					
				

			

		

		

			
				
大家都知道前端的下载除了最简单的a标签href，还有时候需要验证token，此时后台会给一个返回二进制的下载接口。如果你用ajax普通的get，post请求，接口会返回乱码。那么本文就带你封装一个处理二进制下载的方法。

			
		

	





	

		

			

				
					
ajax后台处理成功，前台返回不走success而是走error问题

				
			

			

				

					岑如花
				

				

					08-26
					
					3255
					
				

			

		

		

			
				
jsp代码
<%--
  Created by IntelliJ IDEA.
  User: aside
  Date: 2019/8/6
  Time: 10:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charse...

			
		

	



		

			
		



	

		

			

				
					
layui文件上传，后台上传文件成功，但是前端一直跳到error方法，提示上传失败信息，

				
			

			

				

					violin256的博客
				

				

					05-04
					
					4295
					
				

			

		

		

			
				
出错：上传文件成功，但是前端一直跳到error方法，提示上传失败信息，本例子原后台返回数据为string类型，前端Ajax异步请求，控制层为@@RestController。
解决办法：后台返回类型改为Map<String,Object>
代码为
//上传图片
@PostMapping("/upload")
public Map<String,Object> imgStri...

			
		

	





	

		

			

				
					
后台接收到了数据，前台却执行了error函数

				
			

			

				

					wang720813的博客
				

				

					03-29
					
					552
					
				

			

		

		

			
				
前台代码如下：

    $.ajax({
        url:"/loginCheck",
        type:"post",
        dataType:"json",
        data:data,
        contentType:"application/json",
        success:function(res){
            ale...

			
		

	





	

		

			

				
					
ajax调用成功,后台方法成功执行 前台却报404

				
			

			

				

					赛博夫子
				

				

					08-23
					
					1367
					
				

			

		

		

			
				
3.1ajax调用成功,后台方法成功执行 前台却报404
第一种解决办法：
这才发现我的ajax要求方法调用成功以后所返回的数据类型应该是json格式，但是我的后台的方法却没有加mvc的注解@ResponseBody。
正确后端代码


@RequestMapping("/selectEnterprise")
    @ResponseBody
    public JSONArray selec...

			
		

	





	

		

			

				
					
ajax向后台请求数据，后台接收到数据并进行了处理，但前台就是调用error方法...

				
			

			

				

					weixin_30416871的博客
				

				

					10-27
					
					190
					
				

			

		

		

			
				
如果你的前台页面书写正确的情况下，并且运行情况和本文题目类似，那不妨试试这个：
在ajax方法中加上：async：false，让ajax同步执行。
因为ajax默认是异步的，至于为什么会不执行success而去执行error，我也不是很清楚，
只是遇到了这个坑，记录一下，但愿能够帮到你

转载于:https://www.cnblogs.com/kings-9/p/7744909.html...

			
		

	





	

		

			

				
					
AJAX+echarts+springboot实现前端向后端请求数据

				
			

			

				

					09-26
				

			

		

		

			
				
本教程将围绕这三个技术，阐述如何利用它们实现前端向后端请求数据并展示图表。  首先，我们来理解AJAX的核心概念。AJAX通过XMLHttpRequest对象与服务器进行异步通信，这意味着用户在等待响应的同时可以继续浏览页面...

			
		

	





	

		

			

				
					
flask框架下前端向后端请求数据(ajax)

				
			

			

				

					fxt520的博客
				

				

					02-22
					
					2737
					
				

			

		

		

			
				
Flask基本框架
app\
	static\
		js\
		json\
	tempaltes\
		index.html
	__init__.py
	config.py
	routes.py

1.前端html文件
{% extends "base.html" %}

{% block content %}
    <div style="width:100px;float:left;m...

			
		

	





	

		

			

				
					
关于jQuery的ajax后台调用成功但前台既不执行success方法也不执行error方法的问题解决

				
			

			

				

					Earl_yuan的专栏
				

				

					06-27
					
					938
					
				

			

		

		

			
				
近日，在使用jQuery时，通过ajax调用后台接口时，后台执行成功，但是出现了前台既不执行success方法，也不执行error方法，控制台没有什么输出的情况。ajax的调用如下：
let param={};
param.name="Tom";
param.age=12;
$.ajax({
	type: "POST",
	url: service_url,
	contentType: 'application/json;charset=UTF-8',
	dataType: 'json',
	data: J

			
		

	





	

		

			

				
					
ajax方法成功走error,前端调错（一）---ajax返回数据成功，却进入error方法

				
			

			

				

					weixin_31368913的博客
				

				

					08-05
					
					768
					
				

			

		

		

			
				
前端调错(一)---ajax返回数据成功，却进入error方法今天同事在调ajax的时候遇到了一个问题，明明ajax成功的返回了数据，但是每次执行的时候都进入error方法。那么如何才能找到问题的原因呢？如下function loadPic(){$.ajax({url: "courseRotation/loadPic",async: false,dataType: "json",data: {co...

			
		

	





	

		

			

				
					
Ajax请求Json数据，报500错误，后台没有错误日志。

				
			

			

				

					weixin_30335353的博客
				

				

					10-29
					
					1659
					
				

			

		

		

			
				
post请求：http://localhost:9080/DataDiscoveryWeb/issueformcount/queryIssueTendencyDetail.xhtml?jobId=862
前端报500错误
1、500，是服务器的错误，查看一下后台，没有报错。
2、打断点，也没有发现错误，但是请求返回空数据的时候，没有报错，返回有数据的结果报错了。
3、那应该是对象转Json...

			
		

	





	

		

			

				
					
ajax请求成功，但是跳到error的一种情况

					
热门推荐

				
			

			

				

					Jalen备忘录
				

				

					07-18
					
					7万+
					
				

			

		

		

			
				
1. ajax请求


    $.ajax({
        url: ctx + "/auditHangup/getAuditUrl" ,
        type:'POST',
        data: params,
        dataType:'json',
        success:function(data){
            if ( data!=="" ...

			
		

	





	

		

			

				
					
AJAX请求服务端响应JSON数据

				
			

			

				

					Java_young_man的博客
				

				

					03-24
					
					2685
					
				

			

		

		

			
				
AJAX请求服务端响应JSON数据
在实际工作中向服务端发送请求，返回的结果绝大多数都是json格式的数据。
案例：
在窗口下按下键盘任意按键，便会向服务端发送一个请求，服务端返回结果在div中呈现。
前端页面
<style>
        #result{
            width: 200px;
            height: 100px;
            border: solid 1px #89b;
        }
</style>
<b

			
		

	





	

		

			

				
					
Ajax传递数据后台收到并处理后但是执行error的情况总结

				
			

			

				

					qq_45670042的博客
				

				

					08-02
					
					752
					
				

			

		

		

			
				
0.格式书写有误。检查拼写，标点符号(data最后一个没有 , )，data格式。
1.返回数据类型与dataType内设置的不一样。

jquery ajax 方法中的 dataType 指定的是后台返回数据的类型
ajax传递时默认为json。
jquery1.4之后对json的格式要求非常严格，json格式错误也会执行error

2.async同步或异步问题。

async默认为异步请求(true)，可以试着添加 async:false,

3.url路径书写问题，不能加中文
4.没有设置返回值。(

			
		

	





	

		

			

				
					
​ajax请求的data数据格式​

				
			

			

				

					sunshinezx8023的博客
				

				

					12-24
					
					1179
					
				

			

		

		

			
				
ajax提交data类型

一、问题来源

今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。

二、概念

ajax有三种传递传递data的方式：

json格式
	json字符串格式
	标准参数模式
1.json格式

形如：
{“username”:”chen”,”nickname”:”alien”}

ajax：


$.ajax({
    type:"post",
    url:"/test/s.

			
		

	





	

		

			

				
					
总结ajax请求数据格式与响应数据格式

				
			

			

				

					小屁鸿的博客
				

				

					07-27
					
					780
					
				

			

		

		

			
				
总结请求数据格式与响应数据格式1.请求数据格式2.响应数据格式3.ajax请求xml格式数据
1.请求数据格式
浏览器是根据你设置的  请求头Content-Type 来解析你设置请求体的值的，所以请求头Content-Type的值要根据请求体格式的改变而改变！
 //urlencoded格式请求体,对应的请求头Content-Type的值为application/x-www-form-urlencoded例子:
        var xhr = new XMLHttpRequest();
       

			
		

	





	

		

			

				
					
ajax post提交数据_Ajax使用中的常见问题

				
			

			

				

					weixin_39963744的博客
				

				

					11-22
					
					474
					
				

			

		

		

			
				
阅读本文约需要5分钟大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了快速上手Ajax的知识，今天跟大家分享下Ajax常见问题的知识。0 前言ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层ajax实现。简单易用的高层实现见 $.get, $.post 等。$.ajax()返回其创建...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值