为什么这个jQuery ajax调用会丢失'data‘设置？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery Ajax 全解析

废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到...//this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this alert(data.result); }, "json"); 点击提交：这里设置了请求的格式为...jQuery Ajax 事件 Ajax请求会产生若干不同的事件，我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件：局部事件和全局事件。...好了，下面开始说jQuery里面功能最强的Ajax请求方法 $.ajax(); jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据这个是jQuery 的底层 AJAX...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。

10.9K1 0

jQuery ajax() 方法

jQuery.ajaxSetup() 设置将来的 Ajax 请求的默认值。 .ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。...//this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this alert(data.result); }, "json"); 点击提交：这里设置了请求的格式为"...jQuery Ajax 事件 Ajax请求会产生若干不同的事件，我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件：局部事件和全局事件。...好了，下面开始说jQuery里面功能最强的Ajax请求方法 $.ajax(); jQuery.ajax( options ) 通过 HTTP 请求加载远程数据这个是jQuery 的底层 AJAX...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。

4.4K6 0

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

是的

没有找到

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

1.1 回调例子 Callback 很常见 $button.on('click', function(){}) click后面的 function 就是一个回调，因为「我」没有调用过这个函数，是 jQuery...一般来说，只要参数是一个函数，那么这个函数就是回调。请看我写的封装的简易jQuery.ajax()中的successFN就是一个回调函数....符合人类直觉的代码是： step1() step2() callback 的写法却是这样的： step1(step2) 为什么要这样写？或者说在什么情况下应该用这个「反直觉」的写法？...$.ajax()函数会返回一个promise,然后在后面.then(success,fail)时候,如果成功了就会调用第一个参数里的函数即success函数,如果失败了就会调用第二个参数的函数即fail...属性,他是一个函数,所以可以调用then().而且then也会返回一个Promise对象.

3.8K5 1

jquery ajax参数详解

也就是说，让回调函数内this指向这个对象（如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数）。...提供data和type两个参数：data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...在jQuery 1.4中，他也会检查服务器指定的’etag’来确定数据没有被修改过。...这个参数在jQuery 1.3以前不可用。 xhrFields type:map 一对“文件名-文件值”在本机设置XHR对象。

4K1 0

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

context 类型：Object 这个对象用于设置 Ajax 相关回调函数的上下文。...也就是说，让回调函数内 this 指向这个对象（如果不设定这个参数，那么 this 就指向调用本次 AJAX 请求时传递的 options 参数）。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...发送数据到服务器默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。...强烈不建议把这个选项设置成 false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。 $.ajax 函数返回它创建的 XMLHttpRequest 对象。

16.9K3 0

jQuery - Ajax详解分析

可以通过 $.ajaxSetup() 设置任何选项的默认值。 jQuery.ajax( [settings ] ) async 类型：Boolean，默认值: true。...context 类型：Object 这个对象用于设置 Ajax 相关回调函数的上下文。...也就是说，让回调函数内 this 指向这个对象（如果不设定这个参数，那么 this 就指向调用本次 AJAX 请求时传递的 options 参数）。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。

2.3K0 0

jQuery的ajax详解

jQuery内部也封装了对原生ajax请求的方法，可以很方便我们的对后台异步请求处理。...$.ajax()方法语法1： jQuery.ajax( [settings ] ) settings 是一个普通的对象。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名，这样管理请求更容易，也能方便地提供回调函数和错误处理。...语法2：jQuery.ajax( url [, settings ] ) $.ajax({ url: 'user.json', data: 'id=3', type: 'GET', success...语法: jQuery.getScript( url [, success ] ) $.getScript( "ajax/test.js", function( data, textStatus, jqxhr

3.2K0 0

全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

为什么使用 jQuery 它能够兼容市面上主流的浏览器， IE 和 FireFox，Google 浏览器处理 AJAX，创建异步对象是不同的，而 jQuery 能够使用一种方式在不同的浏览器创建 AJAX...$(选择器).html(值)：有参数调用，用于设置 DOM 数组中所有元素的在网页上显示的文本内容。...、 dom对象的value(使用dom.value获取)， index: 数组的下标：这个下标自定义，且会自动增长，知道与数组中的元素个数一致的时候，停止增长，例如：数组中元素有5个，则这个i为 0...$.get()与$.post()他们在内部都是调用的$.ajax() 15.2 $.ajax() 函数（实现Ajax请求的核心函数） $.ajax() 是 jQuery 中 AJAX 请求的核心方法，...语法格式： $.ajax( { async : true ，success:function( data ){ 请求成功，执行的函数 } }); 注意：这个参数 data 是服务端返回的数据，就是ajax

8K1 0

AJAX常见面试问题

至少从目前看来，像Ajax.dll，Ajaxpro.dll这些Ajax框架是会破坏程序的异常机制的。关于这个问题，曾在开发过程中遇到过，但是查了一下网上几乎没有相关的介绍。...JQuery会生成随机回调函数名称，或者你自己起名字。后台会获取callback的值，连接上() 把数据放入() 中，返回页面，相当于调用函数function名(data)。...callback= 函数名后台会获取callback的值，连接上() 把数据放入() 中，返回页面，相当于调用函数function名(data) 三：后台直接开启同源策略的访问限制，设置响应头信息...对功能进行封装，使用者直接调用，或对样式进行预设置，使用者直接起名字 43.如何实现跨域？具体怎么实现？...第一种： JSONP，利用传递方法名的方式，告诉后台前端方法名是什么，后台取到后，在名称后面拼接（），把数据（DATA）放到小括号中，返回前端，相当于返回：方法名（data）到前端后就直接调用这个方法了

3K2 0

一个小时学会jQuery

这个选项也会影响data选项中的内容如何发送到服务器。...$.ajax()的async参数总是设置成true，这标志着在请求开始后，其他代码依然能够执行。强烈不建议把这个选项设置成false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。...也就是说，让回调函数内this指向这个对象（如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数）。...提供data和type两个参数：data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。

22.4K7 1

jquery中ajax参数详解

context 类型：Object 这个对象用于设置 Ajax 相关回调函数的上下文。...也就是说，让回调函数内 this 指向这个对象（如果不设定这个参数，那么 this 就指向调用本次 AJAX 请求时传递的 options 参数）。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...发送数据到服务器默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。...强烈不建议把这个选项设置成 false，这意味着所有的请求都不再是异步的了，这也会导致浏览器被锁死。 $.ajax 函数返回它创建的 XMLHttpRequest 对象。

3.1K3 0

Django跨域(前端跨域)

：预期服务器返回的数据类型,服务器端返回的数据会根据这个值解析后，传递给回调函数。...默认不需要显性指定这个属性，ajax会根据服务器返回的content Type来进行转换；比如我们的服务器响应的content Type为json格式，这时ajax方法就会对响应的内容...没有Content-Type这个参数了，也就不会默认是urlencode这种形式了，需要我们自己去设置需要设置请求头：xmlHttp.setRequestHeader(“Content-Type...”, “application/x-www-form-urlencoded”)；注意 :form表单会默认这个键值对不设定，Web服务器会忽略请求体的内容。...并且一般情况下，我们希望这个script标签能够动态的调用，而不是像上面因为固定在html里面所以没等页面显示就执行了，很不灵活。

9K3 0

JavaScript 框架学习（JQuery）

. // 好几一因为这个原因，jQuery无法选定DOM，所以无法执行代码 ... ... }); ---- 一、JQuery教程 JQuery是一个JavaScript...看完再更新这个吧 ... ---- 二、AJAX jQuery实现ajax还是比较简单的。...（一）AJAX 请求（1）jQuery.ajax() jQuery.ajax(url, [settings]); 通过HTTP请求加载远程数据。...success：当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。 complete：当请求完成之后调用这个函数，无论成功或失败。...当设置为false时，同步请求将锁住浏览器，其他操作必须等待请求完成之后。 data：发送到服务器的数据，将自动转换为请求字符串格式。

9K1 0

前端必知的ajax

这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。...jQuery 1.2 版本之前，getScript 只能调用同域 JS 文件。 1.2中，您可以跨域调用 JavaScript 文件。...; }); jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。...jQuery 1.2 中，您可以跨域加载 JSON 数据，使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时，如 "myurl?callback=?"...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。

4.2K4 0

解决ASP.NET中的各种乱码问题

调用时，最好直接使用JQuery的$.ajax方法向服务端提交数据。...JavaScript中正确的URL编码方式看过前面的示例，您有没有想过：为什么escape不能解决的问题，JQuery就能解决呢？...== "string") { // 注意下面这个调用 s.data = jQuery.param( s.data, s.traditional ); } 再来看jQuery.param...如果网站的提交全部采用JQuery，也可以统一设置，这是JQuery支持的功能。 2....此时，我们只需要设置Content-Disposition这个响应头，并给一个默认的文件名就可以了。

3.4K6 2

JS实现的ajax和同源策略

，所以AJAX性能高； jquery 实现的ajax 1 会根据这个值解析后，传递给回调函数。...默认不需要显性指定这个属性，ajax会根据服务器返回的content Type来进行转换；比如我们的服务器响应的content Type为json格式，这时ajax方法就会对响应的内容...没有Content-Type这个参数了，也就不会默认是urlencode这种形式了，需要我们自己去设置如果是get请求： xmlhttp.open("get","/sendAjax/?...当一个浏览器的两个tab页中分别打开来百度和谷歌的页面当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的，即检查是否同源，只有和百度同源的脚本才会被执行。

3K2 0

ajax 使用与缓存问题

这个是jQuery 的底层 AJAX 实现。...jQuery 1.2 中，您可以跨域加载 JSON 数据，使用时需将数据类型设置为 JSONP。使用 JSONP 形式调用函数时，如 "myurl?callback=?"...jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。数据类型设置为 "jsonp" 时，jQuery 将自动调用回调函数。...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。...这个方法有两个参数：服务器返回数据，返回状态 function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc

3.3K2 0

asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值

首先贴上Jquery的ajax： $.ajax({ url: 'ws_Ajax.asmx/BindDictByUpper', type...ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。...()中执行一次 2.对于服务器返回的JSON字符串，如果jquery异步请求将type（一般为这个配置属性）设为“json”，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval（）...方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这里以$.getJSON方法为例说明数据处理方法但是我把他的dataType设置为json，应该直接可以用le？...我这里还又一个疑问：我用这种方式取数为什么查不出来数据（我对json不是很熟，第一次用）： $.each(data.root,function(idx,item){ if(idx==0){ return

4.6K6 0

jQuery封装的AJAX使用

jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起...data 发送请求数据 beforeSend: function () {} 请求发起前调用 success 成功响应后调用 error 错误响应时调用 complete 响应完成时调用（包括成功和失败...） jQuery Ajax介绍 http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp jQuery 中的 Ajax url: 要求为String类型的参数...function(data, textStatus){ //data可能是xmlDoc、jsonObj、html、text等等 this; //调用本次ajax请求时传递的options参数 error...data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。

4.1K6 0

jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

autoInitializePage:true, //布尔型默认值：true 当 DOM 加载完毕后，jQuery Mobile 会自动调用 $.mobile.initializePage...属性，那么该元素会自动降低 jQuery Mobile //增强（jQuery Mobile 元素增强指的是 jQuery Mobile 对网页基本元素在样式上的丰富、交互上的增强以及相应的 HTML...linkBindingEnabled:true, //布尔值默认值：true jQuery Mobile 会自动绑定锚标记到文档中， //设置该选项为 false 将阻止所有的锚点击处理，...Mobile //按 data-NS 属性值安排命名空间，默认为空，则直接 data-role ，举个简单的例子，若设置 NS 的值为 "custom" ， //则此时需要定义一个 jQuery...jQuery Mobile 建议在关闭 Ajax 导航和大量使用外部链接的情况下关闭这个特性。

2.2K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭