文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

Ajax设置请求和接收响应、自己封装简易jQuery.Ajax 这篇文章是承接前几篇博客的,是前几篇继续学习 包括Ajax学习与理解和简化版自己实现jQuery等 这篇文章只算是我的个人学习笔记,内容没有精心排版...("post",null,successFn,null)的情况,必须传有结构的参数(对象) 3.2什么是回调 在上面的代码中,在ajax函数中传了一个successFN,failFn函数作为参数,但是执行的时候是在别的地方执行的...>=400){ failFn.call(undefined,request)//执行失败函数 这两个函数就是回调函数 回调(callback): 回来执行的意思,自己不call...把这个函数给别人,自己不执行,让别人执行,就是callback 回调:使用方代码不执行,只传一个函数,回来再执行 回调就是传一个函数,自己不执行,传到别的地方让他在那里执行的函数!...application/x-www-form-urlencoded', "mataotao":18 }, successFn:function(result){//成功函数的回调

2.5K50
您找到你想要的搜索结果了吗？
是的
没有找到

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

一般来说，只要参数是一个函数，那么这个函数就是回调。 请看我写的封装的简易jQuery.ajax()中的successFN就是一个回调函数....只有在请求成功并接收到响应的时候才会执行这个success函数,这就是回调.传一个函数作为参数但是不执行,让另一个函数去调用,就是回调函数 1.2Callback 有点反直觉 callback 有一点「...代码都在这里 3.1 $.Ajax()中的promise 如果不使用promise,$.ajax请求的时候成功和失败的回调函数是写在参数里的,他是对象参数的一个值 $.ajax({ method...dataType:'json'//预期服务器返回的数据类型,如果不写,就是响应里设置的 } ).then(success,fail)//$.ajax()返回一个promise }) 成功的结果...PS:ajax()函数参数里的dataType:'json'//预期服务器返回的数据类型,如果不写,就是响应里设置的 即: ajax方法中的dataType:预期服务器返回的数据类型。

3.3K51

前后端交互工具 ---- Ajax 的使用

文章目录 前后端交互工具 ---- Ajax 的使用 1. 在前端的页面里引入jQuery 第三方库 2.基于jQuery里面的ajax进行使用 回调函数 Ajax 的跨域问题 怎么解决跨域问题呢？...中的所有 API都是通过 $ 调用的 ajax是jQuery里面的一个api，要通过$ 进行调用 ajax 里面的参数是一个对象类型的参数，使用{} 这个对象里面，三个属性 (1) type 表示发送...http请求的方法 (2) url 发送的服务器资源地址，从哪个具体地址返回响应 (3) success   是一个回调函数，通过这个回调函数，拿到响应的相关信息。   ...function() ，回调函数里面有两个参数，一个是data表示响应的正文body,一个是status表示响应的状态码描述信息。 回调函数 一定要在这里说清楚，到底啥事回调函数呢？...回调函数是在请求发送成功之后调用这个函数进行接收响应的响应。 Ajax 的跨域问题   ajax为了保证安全性，要求发起ajax请求的页面，和接收ajax请求的服务器，应在同一个域名下/地址下。

2K20

JavaWeb全栈开发前后端交互通用标准

通过 AJAX，JavaScript 无需等待服务器的响应，而是： 在等待服务器响应时执行其他脚本 当响应就绪后对响应进行处理 Web的运作原理：一次HTTP请求对应一个页面。...回调函数可以设置不同的参数： - responseTxt : 包含调用成功时的结果内容 - statusTXT : 包含调用的状态 - xhr : 包含 XMLHttpRequest 对象 例子：在..."demo_test_post.asp" 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。 第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。...: success, }); 根据响应的不同的 MIME 类型，传递给 success 回调函数的返回数据也有所不同，这些数据可以是 XML root 元素、文本字符串、JavaScript 文件或者...JSON 对象,也可向 success 回调函数传递响应的文本状态，取决于dataType的类型。

7.7K20

jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

jQuery 1.2 新功能。 complete(XHR, TS) 类型：Function 请求完成后回调函数 (请求成功或失败之后均调用)。...在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...在 jQuery 1.4 中，它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型：String 在一个 jsonp 请求中重写回调函数的名字。...通常只在本地和远程的内容编码不同时使用。 success 类型：Function 请求成功后的回调函数。...并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。

14.5K30

JavaScript类库---JQuery(二)

，形如：jQuery.getScript('http://..../.js',function(){....});  回调函数会在文件执行完成后调用，其也有三个参数，在同源脚本情况下，参数与load()...所以必须传入回调函数作为参数，否则没有意义； jQuery.get()与jQuery.post()方法通常都由下面的这个函数实现： $.ajax():  jQuery的所有Ajax工具都会调用此函数，其仅接收一个参数...', //请求的URL data:{}, //发送请求是传递的数据，可以是字符串或对象，放到url中或请求内容体中; beforeSend:function(xhr){}, //指定Ajax请求发送前的回调函数...,xhr){}, // 请求成功时的回调函数;三个参数:服务器返回的数据、jQuery状态码 //及发送改请求的XMLHttpRequest对象，一般只需要第一个参数; error:function(...xhr,statusCode,error){}, //请求不成功时的回调函数;三个参数：发送该请求的XMLHttpRequest对象 //jQuery状态码、抛出的Error对象; complete:function

1.3K10

jQuery发送AJAX请求

beforeSend：在发送请求之前执行的回调函数。complete：请求完成后执行的回调函数，无论成功还是失败。这些选项可以根据需要进行配置，以满足特定的需求。...在成功时，我们将服务器的响应打印到控制台，并可以在`success`回调函数中进行进一步的处理。...如果请求失败，我们将错误状态打印到控制台，并可以在`error`回调函数中处理失败的情况常见问题解答1. 如何发送POST请求？...如果服务器返回的是JSON数据，可以将dataType选项设置为"json"，并在success回调函数中访问返回的数据。...如何处理AJAX请求的错误？如果AJAX请求失败，可以在error回调函数中处理错误情况。可以访问xhr参数来获取更多关于错误的信息。

96230

Jquery Ajax请求文件下载操作失败的原因分析及解决办法

有效值如下： xml-响应文本被解析为XML文档，而作为结果的XML DOM被传递给回调函数 html-响应文本未经处理就被传递给回调函数。...在已返回HTML片段内的任何块将被求值 json-响应文本被求值为JSON字符串，而作为结果的对象被传递给回调函数 jsonp-与json相似，不同之处是提供远程脚本支持(假定远程服务器支持...如果省略这个属性，则不对响应文本进行任何处理或求值就传递给回调函数 timeout 数值 设置Ajax请求的超时值(毫秒)。...如果请求在超时值到期之前仍未完成，则中止请求并且调用错误回调函数(如果已定义) global 布尔型 启用或禁用全局函数的触发。这些函数可以附加到元素上，并且在Ajax调用的不同时刻或状态下触发。...如果也指定了success或error回调函数，则这个函数在success或error回调函数调用之后被调用 beforeSend 函数 在发起请求之前被调用。

3.3K30

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

（回调） # 2.QQ的离线发送文件。 以上是生活中的例子，那么我们接下来以代码为例子。...# 在中文中「回头」也有「将来」的意思，如：「我回头请你吃饭」 ---- 异步和回调的关系 ## 关联 # 异步任务需要在得到结果时通知JS来拿结果 # 怎么通知呢？...# 但回调函数不一定只用在异步任务里 # 回调可以用到同步任务里 # array.forEach(n=>console.log(n))就是同步回调 ---- 如何判断一个函数时异步还是同步 如果一个函数的返回值处于下面几种情况...(data.toString())//成功 }) 方法二：搞两个回调呗 ajax('GET','/1.json',data()=>{},error()=>{}) //前面函数是成功回调，后面函数是失败回调...花时间把ajax写到完美（有时间可以做） 使用JQuery.ajax（这个可以） 使用axios（这个库比JQuery逼格高） ---- JQuery.ajax 已经非常完美，进入JQuery文档

89230

SpringMVC—Ajax使用

可以做: 注册时,输入用户名自动检测用户是否已经存在 登录时,提示用户名密码错误 删除数据行时,将行id发送到后台,后台在数据库中删除,数据库删除成功后,子啊页面DOM中将数据行删除 … jQuery.ajax...(全局) success：成功之后执行的回调函数(全局) error：失败之后执行的回调函数(全局) accepts：通过请求头发送给服务器，告诉服务器当前客户端可接受的数据类型 dataType：将服务器端返回的数据转换成指定类型..."xml": 将服务器端返回的内容转换成xml格式 "text": 将服务器端返回的内容转换成普通文本格式 "html": 将服务器端返回的内容转换成普通文本格式，在插入DOM中时，如果包含JavaScript...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数 1..../ url: 待载入页面的Url地址 json // data 待发送key/value 参数 // success 载入成功时回调函数 // data 封装了服务器的数据

1.6K10

史上最详细Ajax学习笔记

callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码。 type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。 代码实现 <!...callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码。 type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。 代码实现 <!...dataType：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。 success：请求成功时调用的回调函数。 error：请求失败时调用的回调函数。...callback：当请求成功后的回调函数，可以在函数中编写我们的逻辑代码。 type：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。...dataType：预期的返回数据的类型，取值可以是 xml, html, js, json, text等。 success：请求成功时调用的回调函数。 error：请求失败时调用的回调函数。

1.9K10

jquery中ajax参数详解

jQuery 1.2 新功能。 complete(XHR, TS) 类型：Function 请求完成后回调函数 (请求成功或失败之后均调用)。...在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...在 jQuery 1.4 中，它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型：String 在一个 jsonp 请求中重写回调函数的名字。...通常只在本地和远程的内容编码不同时使用。 success 类型：Function 请求成功后的回调函数。 参数：由服务器返回，并根据 dataType 参数进行处理后的数据；描述状态的字符串。...并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。

2.1K30

初学者必看Ajax的总结

2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。 4：响应已完成；您可以获取并使用服务器的响应了。...在客户端声明回调函数之后，客户端通过 script 标签向服务器跨域请求数据，然后服务端返回相应的数据并动态执行回调函数 用 XMLHttpRequest 时，我们得到一个字符串；要用JSON.parse...jQuery 中的 Ajax 的一些方法 jquery 对 Ajax 操作进行了封装，在 jquery 中的$.ajax()方法属于最底层的方法，第 2 层是load() 、$.get() 、$.post...callback(可选) Function 载入成功的回调函数（只有当 Response 的返回状态是 success 才调用该方法） type(可选) String 服务器返回内容的格式，包括 xml.../调用本次 Ajax 请求时传递的 options 参数} success Function 请求成功后调用的回调函数，有两个参数(1)由服务器返回，并根据 dataTyppe 参数进行处理后的数据(2

2.6K40
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券