JQuery的ajax方法

掌握jQuery AJAX方法与回调处理 本文深入探讨了jQuery中的$.ajax()方法及其回调函数,如complete, success, error, 和always,以及简写方法如$.get(), $.post(), $.getJSON() 和$.getScript()。通过实例和练习,展示了如何使用这些方法进行高效的AJAX请求处理,包括获取JSON数据、执行GET和POST请求,以及如何在不同场景下管理服务器响应。 阅读详情

以下参考来自http://www.w3school.com.cn/jquery/ajax_ajax.asp


ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

语法

jQuery.ajax([settings])

settings用于配置 Ajax 请求的键值对集合。可以通过 $.ajaxSetup() 设置任何选项的默认值。

async

类型:Boolean

默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。

注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。


type

类型:String

默认值: "GET")。请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持

data

类型:String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

dataType

类型:String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

  • "xml": 返回 XML 文档,可用 jQuery 处理。
  • "html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。
  • "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
  • "json": 返回 JSON 数据 。
  • "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
  • "text": 返回纯文本字符串

error

类型:Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。

如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。


beforeSend(XHR)

类型:Function

发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。

XMLHttpRequest 对象是唯一的参数。

这是一个 Ajax 事件。如果返回 false 可以取消本次 ajax 请求。

complete(XHR, TS)

类型:Function

请求完成后回调函数 (请求成功或失败之后均调用)。

参数: XMLHttpRequest 对象和一个描述请求类型的字符串。

这是一个 Ajax 事件。

contentType

类型:String

默认值: "application/x-www-form-urlencoded"。发送信息至服务器时内容编码类型。

默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $.ajax() 那么它必定会发送给服务器(即使没有数据要发送)。

processData

类型:Boolean

默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

success

类型:Function

请求成功后的回调函数。

参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。

这是一个 Ajax 事件。









数据库常见面试题(附答案) 1.事务四大特性 原子性,要么执行,要么不执行 隔离性,所有操作全部执行完以前,其它会话不能看到过程 一致性,事务前后,数据总额一致 持久性,一旦事务提交,对数据的改变就是永久的 2.数据库隔离级别,每个级别会引发什么问题,mysql默认是哪个级别 脏读:事务B读取事务A还没有提交的数据 不可重复读:两次事务读的数据不一致 幻读:事务A修改了数据,事务B也修改了数据,这时在事务A看... 阅读详情

相关推荐

Cocos Creator3.5.2使用Spine切换皮肤

3、然后获取当前spine中是否有皮肤数据,如果spine连皮肤数据都没有,接着写可能会error,这里的 skins[skin],是判断皮肤列表中是否有需要更换的皮肤。2、因为spine往往意味着异步加载,换肤时也经常出现频繁异步的情况,所以下一步我们要可以判断当前spine组件里是否已经加载好了spine文件。换肤前隐藏好需要换肤的节点,避免穿帮;官网文档的换肤流程太简化,对于实际使用来说会有各种各样的问题。1、首先获取对应的spine组件。这里的skin自然是外部传入的需要换肤的皮肤名。

tc654321的博客 1817

AJAX

var SydAjax = { ajax:function(opt){ var xhr = this.createXhrObject(); xhr.onreadystatechange = function(){ if(xhr.readyState!=4) return ; (xhr.status...

weixin_34415923的博客 113

从光耦隔离到稳定驱动:信捷伺服与STM32的硬件设计陷阱与救赎

本文深入探讨了信捷伺服驱动器与STM32微控制器配合时的硬件设计关键问题,包括光耦隔离电路选型、电源电压选择、拨码开关设置等核心环节。针对伺服驱动器的稳定驱动需求,提供了从电路设计到抗干扰策略的完整解决方案,帮助工程师规避常见陷阱,提升工业控制系统的可靠性。

gold8的专栏 310

ajax 请求登录超时跳转登录页解决方法

在Filter里判断是否登录,如果未登录返回401状态 public class SelfOnlyAttribute : ActionFilterAttribute { public override void OnActionExecuting(ActionExecutingContext filterContext) { ...

weixin_30737363的博客 280

Open3D 点云变换【2025最新版】

点云平移、旋转、缩放、欧式变换的python代码实现。博客长期更新,本文最近更新时间为:2025年1月16日。

点云侠的博客 37万+

【置顶】TEE从入门到精通-[目录]

此专栏讲解包含不限于optee、商用TEE、常规的安全业务设计。但主要基于optee最新代码,深度讲解和剖析各项原理和机制...

baron-周贺贺-代码改变世界ctw 6423

Jquery实现ajax的方法

今天为大家分享的是Jquery实现ajax请求 在Jquery里,实现ajax请求的方法有好几种, 用jquery 的 load() 方法实现ajax请求 用jquery 的 post() ,get() 方法 用jquery 的 Ajax() 方法,这个最全面也是用的最多的 介绍一下第一种: 用jquery 的 load() 方法实现ajax请求 $('#div').load('/request/url/params') 这里的div就是要显示的内容区域,request/url/params是请求

WEBGDP的博客 577

YOLOv8轻量化模型瘦身术:深度解析与实战LAMP剪枝 YOLOv8(2021)

YOLOv8模型LAMP剪枝技术解析与实战 本文深入探讨了LAMP剪枝技术在YOLOv8目标检测模型中的应用。针对深度学习模型部署面临的资源限制问题,LAMP剪枝通过最小化L2失真和层自适应稀疏度分配,实现了高效模型压缩。相比传统幅度剪枝的"一刀切"方法,LAMP创新性地将剪枝建模为优化问题,定义LAMP分数来衡量权重重要性,自动确定各层最佳剪枝率。文章从理论基础出发,详细解析了LAMP的核心数学公式和算法流程,并提供了完整的YOLOv8移植实战指南,包括代码结构、剪枝步骤和微调策略。通

FJN110的博客 2422

jQuery AJAX 方法

AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一部分。

m0_72763148的博客 443

DFT笔记 DC/AC mode与Func

DFT scan可以分为DC和AC两种,区别如下图。

m0_61544122的博客 5719

insightface scrfd人脸检测测试

pip install mmdet 自动安装mmcv win10上可以,服务器上没成功

jacke121的专栏 4022

jQuery Ajax方法示例

("#getJsonResult").html("文章标题: " + data.title + "<br>内容: " + data.body);$("#ajaxResult").html("请求失败: " + error);$("#ajaxResult").html("请求失败: " + error);$("#getJsonResult").html("请求失败");$("#postResult").html("请求失败");$("#getResult").html("请求失败");

zichenblog的博客 900

基于STM32设计的ECG+PPG人体参数测量系统(华为云IOT)(217)

该系统的核心是基于STM32F103RCT6微控制器,这是一种高性能、低功耗的嵌入式处理器,适用于各种复杂的控制和数据处理任务。系统利用先进的传感器技术,如光电传感器PulseSensor模块来准确测量人体脉搏血氧饱和度及心率(PPG),同时采用AD8232生物电信号采集模块捕捉并处理人体的心电图信号(ECG),从而全面反映用户的心脏活动状态。

1万+

jquery ajax 重写,怎么重写jquery ajax方法

MMMHUHU//首先备份下jquery的ajax方法var _ajax=$.ajax;//重写jquery的ajax方法$.ajax=function(opt){//备份opt中error和success方法var fn = {error:function(XMLHttpRequest, textStatus, errorThrown){},success:function(data, text...

weixin_42382944的博客 471

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

jquery的ajax独立方法,jQuery提供的Ajax方法

jQuery提供了4个ajax方法:$.get() $.post() $.ajax() $.getJSON()1.$.get()$.get(var1,var2,var3,var4):参数1:请求的后端程序的地址;参数2:要发送到后端程序的数据,json对象/js对象(推荐)或者字符串参数3:后端返回数据后执行的回调函数(readyState == 4)参数4:设置返回数据的类型;text(默...

weixin_36118025的博客 585

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

jQuery的AJAX方法

1.AJAX 是一种与服务器交换数据的技术,可以在不重新载入整个页面的情况下更新网页的一 部分。 下面列出了所有的 jQuery AJAX 方法: $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前,处理自定义 Ajax 选项或修改已存在 选项 $.ajaxSetup() 为将来的 AJAX 请求设置默认值 $.ajaxTransport() 创建处理 Ajax 数据实际传送的对象 $.get() 使用 AJAX 的 HTTP

m0_47250085的博客 478

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

提取jquery的ajax,JQuery的ajax方法

1.使用方式:由于是全局方法,所以调用简单:$.ajax();2.可输入参数:最好是写成一个json形式,个人不建议用链式,那样看上去不太好。参数名称类型描述dataTypestring就是服务器返回给你的数据格式。如果你不指定,那么JQuery根据http协议包的MIME信息自动判断。html:返回来的是html,这还用解释么。text:返回来的是一个文本。script:返回来的是一个javas...

weixin_42505252的博客 615

JQuery封装的ajax方法

JQuery封装的ajax方法​ JQuery封装的ajax优势:简单方便,已做好浏览器兼容性处理。

Jianxq的博客 4323

jQuery封装ajax的方法

最近在逆战班学习了jQuery,这里学一些jQuery封装ajax的方法,jQuery封装ajax原理和原生js是一样的,只是用的是封装好的方法,具体有三种方式。 1, $.get()方法 从字面意义就可以看出是get请求方法 有4个参数,必填参数是 url地址 其他参数都是选填参数,可以没有 参数的形式是对象形式 .get(url:地址(必填)data:携带的参数参数是以对象形式的语法传递dat...

zlysky的博客 515

jQuery ajax方法

jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法。从服务器加载数据,并将数据显示在被选中元素中。 语法: $(selector).load(URL,data,callback); 必需URL参数规定您希望加载的URL 可选的打data参数规定与请求一同发送的查询字符串键值对集合 可选的callaback参数是load()方法完成后所执行的函数名称。...

qq_39043762的博客 254

jQuery ajax - ajax()方法

AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。 通过 jQuery AJAX.

江一铭 1140

033_jQuery Ajax的ajax方法

1. $.ajax()方法通过HTTP请求加载远程数据。 2. $.ajax()方法是jQuery底层AJAX实现。简单易用的高层实现见$.get, $.post等。 3. $.ajax()方法返回其创建的XMLHttpRequest对象的超类。大多数情况下你无需直接操作该函数, 除非你需要操作不常用的选项, 以获得更多的灵活性。 4. 语法 $.ajax({name:value, name:value, ... }) 5. 参数 6. 所有的选项都可以通过$.ajaxSetup()函数来

aihiao的专栏 315

jquery的ajax方法

1、jquery的ajax异步调用的方法形式: jQuery.ajax({ url : url, type : 'POST', data : JSON.stringify(param), dataType : 'json', contentType : 'application/json;charset=UTF-8'

DHASA的博客 850

jQuery封装Ajax的方法

jQuery中封装的ajax请求 优点:不需要考虑兼容性和跨域的问题,jQuery全部都解决了 jQuery封装Ajax的方法有三种 第一种: $.get() get请求方式 参数有 4 个 必填参数是 url地址 其他参数选填 参数的形式是对象的形式 $.get({ url : 地址(必填) data : 携带的参数 对象形式 dataType : 期望的数据类型 如果为json 会...

weixin_45950790的博客 1074

jquery的ajax如何使用方法,jquery.ajax的方法使用

$.ajax({type: 'post',url:"{:U('Admin/Shop')}",data:{id:id},dataType: "json",async:true,beforeSend:function () {//执行之前},success: function (info) {//请求成功},complete:function(){//执行之后},error: function (in...

weixin_33838310的博客 477

jQuery AJAX方法

开发工具与关键技术:Visual Studio ASP.NET MVC 作者:刘剑鸿 撰写时间:2019年05月25日 星期六 jQuery AJAX方法 AJAX是(Asynchronous JavaScript and XML(异步的 JavaScript 和 XML))的简称。Ajax并不是某种编程语言,AJAX是一种在...

weixin_44538469的博客 332
上一篇: 今天双十一了,你有什么话想说
下一篇: 如何修改myeclipse的内存?eclipse.ini中各个参数的作用
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值