首页
学习
活动
专区
圈层
工具
发布

如何访问jquery ajax调用返回的数据?$ .ajax(...)之外;

除了使用$.ajax(...)方法之外,还可以使用其他方法来访问jQuery Ajax调用返回的数据。

  1. 使用.done()方法:.done()方法用于在Ajax请求成功完成后执行回调函数。可以通过该方法来访问返回的数据。
代码语言:javascript
复制
$.ajax({
  url: "your_url",
  method: "GET"
}).done(function(data) {
  // 访问返回的数据
  console.log(data);
});
  1. 使用.success()方法:.success()方法在jQuery 3.0版本之前是常用的方法,用于在Ajax请求成功完成后执行回调函数。
代码语言:javascript
复制
$.ajax({
  url: "your_url",
  method: "GET",
  success: function(data) {
    // 访问返回的数据
    console.log(data);
  }
});
  1. 使用.then()方法:.then()方法用于在Ajax请求成功完成后执行回调函数,并返回一个新的Promise对象,可以继续链式调用。
代码语言:javascript
复制
$.ajax({
  url: "your_url",
  method: "GET"
}).then(function(data) {
  // 访问返回的数据
  console.log(data);
});
  1. 使用.complete()方法:.complete()方法在Ajax请求完成后执行回调函数,无论请求成功或失败。
代码语言:javascript
复制
$.ajax({
  url: "your_url",
  method: "GET",
  complete: function(data) {
    // 访问返回的数据
    console.log(data.responseText);
  }
});

这些方法可以根据具体需求选择使用,通过回调函数或Promise对象可以访问到返回的数据。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • JQuery ajax调用asp.net的webMethod

    本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用asp.net...3.5中,无需特殊设置,可以直接用$.ajax调用在aspx.cs中,访问级别public,静态的,标记为【webmethod】的方法。...请求WebMethod,Ajax处理更加简练   在WebForm下 开发ajax程序,需要借助于一般处理程序(*.ashx)或web服务(*.asmx),并且每一个ajax请求,都要建一个这样的文件,...如此一来,如果在一个项目中ajax程序多了,势必会产生一堆的.ashx或.asmx,虽然于程序本身无碍,但那一堆文件看上去总觉得有伤大雅。...那么可不可以丢掉这些.ashx和.asmx,选择一种更简练的方式来做ajax程序呢。 答案是肯定的,那就是:WebMethod 。

    2.6K10

    jquery ajax请求成功,数据返回成功,seccess不执行的问题

    1.状态码返回200--表明服务器正常响应了客户端的请求; 2.通过firebug和IE的httpWatcher可以看出服务器端返回了正常的数据,并且是符合业务逻辑的数据。...但是,程序就是不进入到回调函数success: function(data){****}而是进入到error: function(data){***} 记得上次是因为存在跨域访问的问题导致。...这时第一反应是事不时数据返回的有问题,粗略的检查了返回的数据发现和第一次查询没有什么明显的区别。但是只查询第十四条数据时发现,显示不出来。...还有一点对JQuery 中Ajax的一点其它的认识: 客户端发起请求,得到服务器端的相应是200,的数据>没有问题.此时在判断进入success 对应的回调函数还是进入到error对应的回调函数之前...返回的每条数据是否是dataType中定义的数据类型。

    4.6K30

    AJAX的一个简单实例,跨域的解决,使用JQuery来进行ajax的调用

    1.什么是AJAX ajax(Asynchronous Javascript And XML),中文名为异步的js和xml。可以在不刷新网页的情况下与后台服务器进行通讯,加强用户的体验感。...是目前广泛使用的前端技术,下面将用原生js和JQuery来介绍一个简单的ajax实例。...内置的方法来调用ajax get请求 //JQuery jquery/1.11.1/jquery.js">jquery/1.11.1/jquery.js">//引入jq库 $.ajax({ type: "POST", url: "请求url", data:{ key...异步请求时经常遇到的问题,只要协议、域名、端口号其中一个不同,就产生了跨域访问,解决的方法很简单,建议利用XHR2方法,在后台进行操作从而实现跨域支持IE9以上在服务器设置以下2个请求头就可以解决: header

    6.9K10

    JavaEE 使用 JQuery 完成 ajax & json 数据的传输

    JavaEE + Ajax处理 json 数据 一、项目准备 二、编写前端表单界面 2.1 html 部分 2.2 js 部分(ajax 编写) 三、后端请求处理 3.1 mysql 建表 3.2 编写...编写 GetStuServlet 用来处理查询请求,并通过JSONobj 序列化返回数据 使用 mysql 数据库,建一张名为 student 表,字段为 sid,sname,sage,sgender...需要用到 jquery库,bootstrap 库(非必要),JSONobj 的六个必要的库,mysql 驱动 JSONobj 需要的同学,需要 mysql 驱动的,我已经上传至 Github,里面也整理了一些我学习会常用到的...编写) 我使用 JQuery 来完成 ajax 请求的部分 $("button").on('click',function () { // 获取用户在输入框中 let...,在使用 JSONobj 把 ArrayList 集合 转换成 JSON 格式,这样才方便返回到前端,并且显示数据。

    2.2K20

    如何用 ajax 连接mysql数据库,并且获取从中返回的数据。ajax获取从mysql返回的数据。responseXML分别输出不同数据的方法。

    我这篇的标题之所以用了三句,是为了方便其他人好查找;       这里介绍的方法有什么用呢? 使用它,就可以无闪刷新页面,并且从数据库获取实时改变的数据反馈回界面,显示出来!...,它用来发送命令,发送什么呢,open的命令 46 //发送数据,开始和服务器端进行交互 47 //同步方式下,send语句会在服务器端返回数据后才执行 48...//判断http的交互是否成功 77 if(xmlHttp.status==200) 78 { 79 //获取服务器端返回的数据 80...var xmlDoc = xmlHttp.responseXML; 81 //这里把返回的数据以XML的格式存到变量中。...82 //还有一种返回式以字符串的形式返回,responseText,这个可以用下标法逐个输出,但是注意,逐个输出的是字符, 83 //也就是说,你想要的一个字符串会被拆成几份

    8.9K81

    Ajax处理success回调函数返回的json数据。

    站长最近在项目中用调用一个分类的子数据,由于表单要填写的数据较多,为了实现无刷新的选择操作,就使用ajax做了异步查询。...查询的结果因为是多条数据,一直以来动用ajax查的都是单数据,还第一次使用多数据,惭愧。...最好是直接返回字符串或者json。...原本想着直接使用返回的json数据去遍历填充页面了,万万没想到,折腾好大一会儿没成功。使用alert弹了下返回的data,完整的显示是一个json呐,为毛就遍历不到呢。...不得已,去翻了前端基础宝典w3school.com.cn上的关于jquery.ajax的手册部分。找到原话这样描述: 好家伙,虽然datatype定义的是json,这最后不还是个字符串吗?

    4K20

    爬虫如何抓取网页的动态加载数据-ajax加载

    本文讲的是不使用selenium插件模拟浏览器,如何获得网页上的动态加载数据。步骤如下: 一、找到正确的URL。二、填写URL对应的参数。三、参数转化为urllib可识别的字符串data。...,可能是html格式,也可能是json,或去他格式 后面步骤都是相同的,关键在于如何获得URL和参数。...需要按照我上面写的步骤来获取数据,关键是获得URL和对应参数formdata。下面以火狐浏览器讲讲如何获得这两个数据。 肺炎页面右键,出现的菜单选择检查元素。 ?...name=disease_h5&callback=jQuery341004532487105727312_1584498763134&_=1584498763135 可以看到url的尾部?...有的url很简单,返回一个.dat文件,里面直接就是json格式的数据,这种是最友好的了。有的需要你设置大量参数,才能获得,而且获得的是html格式的,需要解析才能提取数据。

    5.9K30

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

    提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...并且必须返回新的数据(可能是处理过的)传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。...数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。...发送数据到服务器 默认情况下,Ajax 请求使用 GET 方法。如果要使用 POST 方法,可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。

    15.9K30

    jquery中ajax参数详解

    提供 data 和 type 两个参数:data 是 Ajax 返回的原始数据,type 是调用 jQuery.ajax 时提供的 dataType 参数。...函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...并且必须返回新的数据(可能是处理过的)传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。...数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是 XML,那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。...发送数据到服务器 默认情况下,Ajax 请求使用 GET 方法。如果要使用 POST 方法,可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。

    2.7K30

    java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据

    在开发的过程中,有时候我们需要设计一个数据接口。有时候呢,数据接口和Web服务器又不在一起,所以就有跨域访问的问题。 第一步:简单的设计一个数据接口。...数据接口,听起来高大上,其实呢就是一个简单的Serlvlet,在有get的请求的时候,返回我们要提供的数据就可以。现在JSON数据格式已经很普遍,因为很方便,所以我们做一个json数据的接口。...这里扩展一下: 最后我们用response.getWrite()和print(),返回数据。...这是因为,另一个电脑和我的数据接口 不在一个服务器上,当然,如果你在自己的电脑上写ajax也不可以,必须写到项目里,才可以访问。所以,跨域问题必须要解决。...-- 你开放的接口前缀 --> 然后,ajax在任何地方就都可以访问了。

    4K70

    $.ajax()方法详解学习

    超时周期开始于.ajax 访问成功的那个时间点;如果几个其他请求都在进步并且浏览器有没有可用的连接,它有可能在被发送前就超时了。...可用的类型如下: xml:返回XML文档,可用JQuery处理。 html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。...json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(在jQuery 1.4.x前为XMLHttpRequest) 对象。...**dataType** 类型:String 从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, text,html)。

    5.8K10

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

    这篇文章中,我将要描述的是在我们.Net中如何使用Jquery Ajax通过FormData对象异步提交图片文件到后台保存,并返回保存的图片路径展示出图片,实现一个无刷新的异步图片上传的过程,当然这里我讲解的是单张图片的保存过程...比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。...Jquery Ajax通过FormData对象异步提交图片文件: HTML中选中图片的按钮: 头像 <div class="tuxiang-up" id="headPortrait..., async: false, dataType: "json", // 告诉jQuery不要去处理发送的数据 processData: false, // 告诉jQuery不要去设置Content-Type...,按照对应的文件流写入,假如已存在则覆盖 91 //返回完整的图片保存地址 92 result="/"+basePath + "/" + saveDir + "/" + saveName; 93

    2.7K20

    AJAX常见面试问题

    dataType: 预期服务器返回的数据类型。 可用的类型如下: xml:返回XML文档,可用JQuery处理。...使用JSONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...String JSON串 JSON对象 19.ajax接受到的数据如何处理?...JQuery会生成随机回调函数名称,或者你自己起名字。 后台会获取callback的值,连接上() 把数据放入() 中,返回页面, 相当于调用函数function名(data)。...callback= 函数名 后台会获取callback的值,连接上() 把数据放入() 中,返回页面, 相当于调用函数function名(data) 三: 后台直接开启同源策略的访问限制,设置响应头信息

    2.4K20
    领券