为什么我的Jquery Ajax调用失败并返回错误0？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

【error】jQuery ajax请求错误返回status 0和错误error的问题： ajax error:{readyState:0,status:0,statusText:er

【error】jQuery ajax请求错误返回status 0和错误error的问题： ajax error:{"readyState":0,"status":0,"statusText":"error..."} 异常描述：第一次ajax，后台都没问题，但是却进入error方法，错误码0，错误信息error。...以后再ajax就没问题。...解决方法：将button的type从submit改为button，因为submit会默认提交表单，而点击事件又绑定ajax，于是ajax请求就被cancel了。...从submit改为 button，因为submit会默认提交表单，而点击事件又绑定ajax，于是ajax请求就被cancel了。

3.1K2 0

.Net之使用Jquery Ajax通过FormData对象异步提交图片文件到服务端保存并返回保存的图片路径

这篇文章中，我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存，并返回保存的图片路径展示出图片，实现一个无刷新的异步图片上传的过程，当然这里我讲解的是单张图片的保存过程...比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。...Jquery Ajax通过FormData对象异步提交图片文件： HTML中选中图片的按钮：头像 0]); formData.append("file", files[0]); $.ajax({ url: "/FileUpload/FileLoad/", type: 'POST', data: formData...，按照对应的文件流写入，假如已存在则覆盖 91 //返回完整的图片保存地址 92 result="/"+basePath + "/" + saveDir + "/" + saveName; 93

2.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery Ajax 全解析

function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0]...注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。...注意：如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。...completeFunction请求完成后回调函数 (请求成功或失败时均调用)。参数：XMLHttpRequest 对象，成功信息字符串。...errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。

9.6K1 0

jQuery ajax() 方法

.ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSend() 在 Ajax 请求发送之前显示一条消息。...注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。...注意：如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。...complete Function 请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。

2.5K6 0

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax、回调函数

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习包括Ajax学习与理解和简化版自己实现jQuery等这篇文章只算是我的个人学习笔记,内容没有精心排版...,一些错误请见谅....3 客户端/服务器模型客户端使用js设置请求的四个部分, 服务器用nodejs也可以设置响应的四个部分 ? ? 为什么要三次握手? 三次握手: A:我能连你了吗?...console.log(result.responseText);//打印失败时返回的响应体 } ) }) 返回状态码...5函数传不同的参数例如文档里的 jQuery.ajax( url [, settings ] ) jQuery.ajax( [settings ] ) jQuery.ajax第一个参数既可以是url

2.6K5 0

回调、使用Promise封装ajax()、Promise入门

1.1 回调例子 Callback 很常见 $button.on('click', function(){}) click后面的 function 就是一个回调，因为「我」没有调用过这个函数，是 jQuery...在用户点击 button 时调用的(当用户点击之后,这个函数才执行,现在我只是传了一个参数,这个参数是一个点击后要执行的函数)。...error:()=>{}//失败后的回调函数 } ) 如果使用jQuery.axja()发送请求,并使用promise,代码如下 let myButton = document.getElementById...$.ajax()函数会返回一个promise,然后在后面.then(success,fail)时候,如果成功了就会调用第一个参数里的函数即success函数,如果失败了就会调用第二个参数的函数即fail...,失败就调用then()函数第二个参数里的函数简单的Promise原理: 自己封装后的Ajax()返回一个new出来的 Promise对象,一个Promise实例,这个Promise实例有一个then

3.4K5 1

jquery 操作ajax 相关方法

HTML代码并插入至匹配的元素中。　　...; jQuery.ajax() 　　执行一个异步的HTTP（ajax）的请求。　　...error 类型：function 请求失败时将调用此方法。　　global 类型：Boolean 是否触发全局AJAX事件。...　　error事件返回的第一个参数XMLHttpRequest有一些有用的信息：　　　　XMLHttpRequest.readyState: 　　状态码　　　　0 －（未初始化）...IIS定义了许多不同的401错误，它们指明更为具体的错误原因。这些具体的错误代码在浏览器中显示，但不在IIS日志中显示： 401.1-登录失败。

3.2K10 0

前端必知的ajax

注意：如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的错误。...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。...(这个我不是很懂) 参数列表：参数名类型描述 url String (默认: 当前页地址) 发送请求的地址。...complete Function 请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。

3K4 0

jQuery中的Ajax

本地环境简单搭建为什么要环境搭建因为Ajax是基于服务器来运行的，需要配置服务器环境来实现对本地资源的访问。...，端口可以自行改变 jQuery中的Ajax GET请求和POST请求的异同相同点: 都是将数据提交到远程服务器不同点: 1....-- 1.什么是Ajax? AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。...console.log('xhr :', xhr); //返回的就是一个json对象，可以直接使用 console.log('xhr[0].username :'...-- 本来表单中的数据应该发送到后台进行数据操作，由于还没有学习后端语言，先在前端调用后端的数据进行数据操作 --> <form action="" method="POST" role="form

1.3K6 0

JQuery中Ajax功能的使用技巧二则

留言表和回复留言的表是不同的两张表，通过留言本的ID去关联。当系统用AJAX读取留言的时候自动通过留言表的ID去查找对应的回复并显示出来，这里却显示不了！...async默认的设置值为true，这种情况为异步方式，就是说当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执行ajax块后面的脚本，直到server端返回正确的结果才会去执行success...因此，对于第三个问题只需要在调用查询留言表对应的留言回复的函数中加入async:false，之后就一切搞定了。...可以有返回值的，返回值是xmlhttprequest对象但是为了能够让返回值正确赋值，你必须把ajax设置为同步的，而非异步的。 ...else { alert('获取系统计数器失败'); } } }) }) 我发现利用JQuery来做AJAX真的很方便，在以后的项目运用中我会用到它很多地方

9153 0

全面分析前端的网络请求方式

abort 用于终止一个 ajax请求，调用此方法后 readyState将被设置为 0，用法： xhr.abort() setRequestHeader 用于设置 HTTP请求头，此方法必须在 open...六、jQuery对Ajax的封装在很长一段时间里，人们使用 jQuery提供的 ajax封装进行网络请求，包括 $.ajax、$.get、$.post等，这几个方法放到现在，我依然觉得很实用。...text": 返回纯文本字符串 data 类型： String 使用 JSON.stringify转码 complete 类型： Function请求完成后回调函数 (请求成功或失败之后均调用)。...可以发现，调用 reject有三种可能： 1.请求超时 2.请求失败注意：当和服务器建立简介，并收到服务器的异常状态码如 404、500等并不能触发 onerror。...由于 fetch是一个非常底层的 API，它并没有被进行很多封装，还有许多问题需要处理：不能直接传递 JavaScript对象作为参数需要自己判断返回值类型，并执行响应获取返回值的方法获取返回值方法只能调用一次

1.8K4 0

JavaScript 异步编程指南 — 你不知道的 Promise 前世 Deferred

当今你不能保证所有系统都是使用 React、Vue 来写的，也许你会遇到一些使用 Jquery 写的系统，总不能不维护吧，当你看到它的 Ajax 请求时也知道这个东西是干嘛的，为什么要这样写。...错误难以处理，现在我们看下早期 Jquery 中 Deferred 的解决方案是如何做的，与我们后面讲解的 Promise 有什么关联。...Ajax 中的 Deferred 对象 Jquery 1.5 之前的 ajax 书写方式： // 返回的是 XHR 对象 $.ajax({ url: "http://openapi.xxxxxx.com...; } }); Jquery 1.5 之后的 ajax 书写方式： // 返回的是 Deferred 对象 $.ajax("http://openapi.xxxxxx.com/api") .done...调用 dtd.resolve() 是将执行状态变为已完成，会调用 done() 方法指定的回调函数。执行 dtd.reject() 是将执行状态变为已失败，会调用 fail() 方法指定的回调函数。

1K1 0

jQuery封装的AJAX使用

data 发送请求数据 beforeSend: function () {} 请求发起前调用 success 成功响应后调用 error 错误响应时调用 complete 响应完成时调用（包括成功和失败...function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } complete：要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用...由服务器返回，并根据dataType参数进行处理后的数据。描述状态的字符串。...：要求为Function类型的参数，请求失败时被调用的函数。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

2.9K6 0

异步编程Ajax的详解，并对其进行封装整理

Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才提到的两类人能对Ajax有进一步的了解。...含义 100 ~ 199 连接继续 200 ~ 299 各种成功的请求 300 ~ 399 重定向 400 ~ 499 客户端错误 500 ~ 599 服务端错误（2）xhr的基本使用在使用xhr...文章开头提到，JQuery早已对Ajax请求进行了成熟的封装，所以我们可以借鉴它，甚至尽可能地去模仿它进行封装，在这之前，我们得先了解JQuery中Ajax的使用（1）JQuery中的Ajax 这里我找来了几段使用...JQuery发送Ajax请求的代码，如下所示：发送get请求 $.get('example.php', {query: 4, em: 0}, function(data, status, xhr) {...(xhr.status) // 请求失败，返回状态码 } } } }) } } 五、Ajax的约束默认情况下，Ajax一般只能向同源的域发送请求，这是受到了浏览器的同源策略的限制

1.7K2 0

$.ajax常用用法

(1)由服务器返回，并根据dataType参数进行处理后的数据。 (2)描述状态的字符串。 ...ajax请求时传递的options参数 } error：要求为Function类型的参数，请求失败时被调用的函数。...只有其中一个包含信息 this; //调用本次ajax请求时传递的options参数 } ------------以下参数我不常用到--------------...：要求为Function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）。...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

1121 0

33·灵魂前端工程师养成-异步与promise

你写给自己用的函数，不是回调 # 你写给别人用的函数，就是回调 # request.onreadystatechange就是我写给浏览器调用的 # 意思就是，你（浏览器）回头调用一下这个函数。...# 可以让JS写留一个函数地址（电话号码）给浏览器 # 异步任务完成时，浏览器调用该含税地址即可（拨打电话） # 同时把结果作为参数传给该函数（电话说，可以来吃饭了） # 这个函数是我写给浏览器调用的...任务成功则调用resolve(result) 任务失败则调用reject(error) 第二步：使用.then(success,fail)传入成功和失败函数点到为止： Promise先介绍到这里...，搜索ajax找到jQuery.ajax，看看参数说明，然后直接看代码示例，看看jQuery的封装，就知道自己的封装有多么的辣鸡了。... axios jQuery.ajax我们可以忘了，目前，最新的AJAX库，axios划重点，显然它抄袭了jQuery的封装思路。如果有人问我你记得axios的API吗？

9163 0

关于跨域

在使用Vue搭建的一个后端管理系统中，我使用axios请求本地的Node环境下的接口，但是请求失败，然后我错误信息是： ?...我也在网上查看了一些关于跨域出现的原因及解决的方法，并记录下来。 #为什么会有跨域跨域一句话的理解就是：服务端和请求端的地址不一样。...#什么是跨域 Ajax 的便利性大家都清楚，可以在不向服务器提交完整的页面的情况下，实现局部更新页面。但是浏览器处于对安全方面的考虑，不允许跨域调用其他页面的对象。...也就是说我刚刚的Vue端口是8081，服务端端口是8080，端口不一样，因为同源策略的存在，所有我的请求会失败。一个问题，当找到了原因，这个问题就解决了一半了。...#怎么解决跨域下面就先介绍三种跨全域的方法： #JSONP 应该是最常见解决跨域的方法了，他为什么能解决跨域呢，是因为Web 页面上调用 js 文件不受浏览器同源策略的影响，所以通过 Script

6201 0

高级前端：详解手写原生Ajax的实现

Ajax开始讲起，然后最后会尽可能得模仿JQuery对其进行封装，让我刚才提到的两类人能对Ajax有进一步的了解。...文章开头提到，JQuery早已对Ajax请求进行了成熟的封装，所以我们可以借鉴它，甚至尽可能地去模仿它进行封装，在这之前，我们得先了解JQuery中Ajax的使用（1）JQuery中的Ajax 这里我找来了几段使用...JQuery发送Ajax请求的代码，如下所示：发送get请求 $.get('example.php', {query: 4, em: 0}, function(data, status, xhr) {...(xhr.status) // 请求失败，返回状态码 } } } }) } } 五、Ajax的约束默认情况下，Ajax一般只能向同源的域发送请求，这是受到了浏览器的同源策略的限制...Ajax请求呢，而不会让你使用JQuery的。

1.8K2 0

JavaScript 框架学习（JQuery）

看完再更新这个吧 ... ---- 二、AJAX jQuery实现ajax还是比较简单的。...传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）。 dataFilter：在请求成功之后调用。...传入返回数据以及“dataType”参数的值。并且必须返回（经处理的）数据传递给success回调函数。 success：当请求之后调用。...传入返回后的数据，以及包含成功代码的字符串。 complete：当请求完成之后调用这个函数，无论成功或失败。...传入XMLHttpRequest对象，以及一个包含成功或错误代码的字符串。

7.8K1 0

前后端交互的弯弯绕绕

因为，普通用户不会去控制台里看错误信息，我们要编写代码拿到错误并展示给用户在页面上，使用 axios 的 catch 方法，捕获这次请求响应的错误并做后续处理，具体的错误处理过程如下：如果请求成功发出且服务器也响应了状态码...也希望不刷新页面，因此异步网络请求就应运而生；实现ajax的方式有多种：原生XMLHttpRequest，JQuery封装Ajax，以及Axios：原生的XMLHttpRequest的配置和调用方式都很繁琐...执行异步任务-并传递结果 // 成功调用: resolve(值) 触发 then() 执行 // 失败调用: reject(值) 触发 catch() 执行})// 3....catch()：添加一个拒绝（操作失败）的回调函数，并返回一个Promisefinally()：添加一个事件处理器，无论Promise对象最后的状态如何都会被调用Promise 的状态Promise对象的状态是对异步操作的描述...，打出 '失败'})本文章学习资源：黑马程序员前端AJAX入门到实战 ✅黑马的官方文档超级细致，细致到都不用看视频都能看懂了是不是我的技术提升的原因呢？

1122 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭