Ajax自己的 属性提示错误 error:function(){} $.post().error() .ajaxError()

最新推荐文章于 2023-11-03 09:44:31 发布
最新推荐文章于 2023-11-03 09:44:31 发布
阅读量1.7w 收藏 2
点赞数 1
分类专栏： Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/d295968572/article/details/73860961
版权

1、属性提示错误 error:function(){}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="docm.js"></script>
</head>
<body>
    <form>
        用户名:<input type="text" name="user" id="user">
        邮件:<input type="text" name="email" id="email">
        <input type="button" value="提交">
    </form>
<div id="box"></div>
</body>
</html>


$(function(){
        $('form input[type=button]').click(function(){
            $.ajax({
                type:'POST',
                url:'user.php',		//写一个错误的地址
                data:$('form').serialize(),
                success:function(response,status,xhr){
                    $('#box').html(response);
                }

            });

        });


    error:function(xhr,errorText,errorType) {		//xhr:XMLHttpRequest对象  errorText:错误信息  erroType：（可选）捕获的异常对象
        alert('错误');	//自定义错误
        alert(errorText + ':' + errorType);
        alert(xmr.status + ':' + xmr, statusText);
    }

     
})


2、$.post()使用连缀.error()方法提示错误，连缀方法将被.fail()取代

$.post('test1.php').error(function (xhr, status, info) {
      alert(xhr.status + ':' +xhr.statusText);
      alert(status + ':' + info);
});


3、$.post()使用全局.ajaxError()事件提示错误

$(document).ajaxError(function (event, xhr, settings, infoError) {
      alert(xhr.status + ':' +xhr.statusText);
      alert(settings+ ':' + info);
      alert(event.type);
      alert(settings.url);
      
      //for(var i in event){    //查找event、settings有哪些属性方法
           // document.wirte(i+<br>);
      // }
});



哎哟嘿
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ajax交互过程中跳入error:function
qq_40214840的博客
01-22 3853
利用ztree写前端页面弹出框的代码: function open_tree_dialog(){ //ajax $.ajax({ url:"type/queryallajax", type:"GET", success:function(data){ //开启简单json格式的模式
Jquery Ajax时 error处理 之 parsererror
热门推荐
05-11 2万+
Jquery Ajax时 error处理 之 parsererror     01 $.ajax({
jQuery中$.ajax()方法参数解析
11-28
本文实例为大家讲解了jQuery $.ajax()方法参数，供大家参考，具体内容如下 $.ajax({ url:'test.do', data:{id:123,name:'xiaoming'}, type:'post', dataType:'json', success:function(data){ alert(data);//弹窗 //TODO ........ }, error:function(data){ alert(data);//弹窗 //TODO ........ } }) url: 要求为String类型的参
解决：ajax请求错误ajax error:{“readyState“:0,“status“:0,“statusText“:“er...
最新发布
牛肉胡辣汤
11-03 3105
当出现ajax error的错误提示时，通过以上的示例代码，我们能够更精确地定位错误所在，并给出相应的解决方案。然而，在实际开发过程中，有时我们可能会遇到ajax请求出现错误的情况，其中一个常见的错误就是出现"ajax error:{"readyState":0,"status":0,"statusText":"error"}"的提示。当遇到 "ajax error:{"readyState":0,"status":0,"statusText":"error"}" 错误时，我们可以尝试以下解决方法。
jQuery ajaxError参数 详细整理
rth362147773的博客
07-01 3291
前言ajax是现在和服务器主流交互，完全不能少的技术。但很多时候我们对这个错误的原因不太明白，比如初学者最容易犯的错就是，为什么参数传不到后端，一看错误信息，又不知道是什么意思。导致浪费大量时间。现在整理了一份详细的ajaxError参数说明文档。希望大家有用。ajax原理图 监听错误demo$(document).ajaxError( function (event, XMLHttpReques
ajax中error函数参数详解
dianjieting8509的博客
02-12 582
xhr.status和error函数中的status是不一样的，error函数中的status主要包括："success"、"notmodified"、"error"、"timeout"、"parsererror"，而xhr.status如下所讲。 一、error：function (XMLHttpRequest, textStatus, errorThrown){}(默 ...
ajax中error函数和函数中各个参数的用法
qq_35048277的博客
04-11 1298
$.ajax({ url: '/Home/AjaxGetData', success: function (data) { alert(data); }, error: function (jqXHR, textStatus, errorThrown) { /*错
执行ajax时什么情况会执行error的回调函数
cxws110的博客
08-24 2447
执行ajax时什么情况会执行error的回调函数
jquery ajax error函数和及其参数详细说明
frueyang的博客
11-13 4269
转自：https://blog.csdn.net/u014756827/article/details/52950514 使用jquery的ajax方法向服务器发送请求的时候，常常需要使用到error函数进行错误信息的处理，本文详细的说明了ajax中error函数和函数中各个参数的用法。 一般error函数返回的参数有三个： function(jqXHR jqXHR, String textSta...
Jquery中$.post和$.ajax的用法小结
10-24
`$.post`和`$.ajax`是jQuery中用于实现Ajax（异步JavaScript和XML）请求的两个关键方法，它们允许我们在不刷新整个页面的情况下更新网页的部分内容，提高用户体验。 `$.post`是`$.ajax`的一个简化版本，主要用来...
javascript jQuery $.post $.ajax用法
10-30
JavaScript 和 jQuery 提供了多种方式来执行 AJAX（Asynchronous JavaScript and XML）请求，其中 `$.post` 和 `$.ajax` 是最常用的两个方法。AJAX 允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容...
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
10-26
在jQuery中，有四种主要的Ajax方法用于与服务器进行异步数据交互，它们分别是$.get(), $.post(), $.ajax()和$.getJSON()。这些方法简化了JavaScript中的Ajax操作，使得开发者能够更加便捷地处理数据交互。 1. **$....
$.ajax中contentType: “application/json” 的用法详解
10-17
在JavaScript的jQuery库中，`$.ajax`是一个用于发送异步HTTP请求的重要方法。当我们设置`contentType: "application/json"`时，它定义了发送到服务器的数据格式。这在处理JSON数据时尤其有用，因为JSON是一种轻量级...
jquery 异步调用$.ajax() $.post() $.get()
04-05
本篇文章将深入探讨jQuery中的异步调用方法，包括`$.ajax()`，`$.post()`和`$.get()`，以及它们在实际开发中的应用。 首先，`$.ajax()`是jQuery提供的最强大的异步数据请求函数，它支持多种HTTP请求方法，如GET、...
AJAX
qq_55624813的博客
11-19 205
目录 ajax 概念 原理 格式 ajax.html ajax 概念 Ajax 即Asynchronous Javascript And XML(异步的) Ajax并不是一种新的编程语言，而是多种技术的综合应用 Ajax是客户端的技术，它可以实现局部刷新网页 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 原理 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不...
jquery $.get和$.post设置请求超时error处理
冰夜翎博客
03-18 4079
.get和.get和.get和.post设置 //设置全局超时 $.ajaxSettings.timeout='3000'; $.post(url,{"sessionId":sessionId},function (datas) { }).error(function (xhr, status, info) { alert("超时"); }); $.ajax的设置方式 $.ajax({ url
ajax post 返回错误信息,Ajax中post方法返回时候报错问题详解
weixin_28677005的博客
08-05 1129
这次给大家带来Ajax中post方法返回时候报错问题详解，处理Ajax中post方法返回时候报错的注意事项有哪些，下面就是实战案例，一起来看一下。这是Node.js服务器$(".reg_code_btn").click(function(e){$(e.target).parent().children().first().val()$.ajax({type:"POST",url:"validate...
$.Ajax、$.Get、$.Post代码实例参数解析
06-08
好的，下面是关于 `$.ajax()`、`$.get()`、`$.post()` 的参数解析及代码实例： ## `$.ajax()` `$.ajax()` 是 jQuery 中最基础的 AJAX 方法，可以通过它来发起各种类型的 AJAX 请求，其常用参数如下： - `url`：请求的 URL 地址。 - `type`：请求类型，如 GET、POST 等。 - `data`：要发送的数据，可以是对象、字符串或数组。 - `dataType`：服务器返回的数据类型，如 text、json 等。 - `success`：请求成功后的回调函数。 - `error`：请求失败后的回调函数。 下面是一段 `$.ajax()` 的代码实例： ```javascript $.ajax({ url: 'test.php', type: 'POST', data: { name: '张三', age: 18 }, dataType: 'json', success: function(data) { console.log(data); }, error: function(xhr, textStatus, errorThrown) { console.log(textStatus, errorThrown); } }); ``` ## `$.get()` `$.get()` 是一个简单的 GET 方法，其常用参数如下： - `url`：请求的 URL 地址。 - `data`：要发送的数据，可以是对象、字符串或数组。 - `dataType`：服务器返回的数据类型，如 text、json 等。 - `success`：请求成功后的回调函数。 - `error`：请求失败后的回调函数。 下面是一段 `$.get()` 的代码实例： ```javascript $.get('test.php', { name: '张三', age: 18 }, function(data) { console.log(data); }, 'json'); ``` ## `$.post()` `$.post()` 是一个简单的 POST 方法，其常用参数如下： - `url`：请求的 URL 地址。 - `data`：要发送的数据，可以是对象、字符串或数组。 - `dataType`：服务器返回的数据类型，如 text、json 等。 - `success`：请求成功后的回调函数。 - `error`：请求失败后的回调函数。 下面是一段 `$.post()` 的代码实例： ```javascript $.post('test.php', { name: '张三', age: 18 }, function(data) { console.log(data); }, 'json'); ``` 以上就是 `$.ajax()`、`$.get()`、`$.post()` 的参数解析及代码实例。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值