jQuery Ajax的使用方法是什么

发布时间:2021-11-02 14:08:27 作者:iii
来源:亿速云 阅读:137

这篇文章主要介绍“jQuery Ajax的使用方法是什么”,在日常操作中,相信很多人在jQuery Ajax的使用方法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jQuery Ajax的使用方法是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一 . ajax方法介绍

     ajax方法是用于执行异步HTTP请求,是一种与服务器进行数据交换的技术,它能在页面不重新载入的情况下更新页面数据。

二. jQuery $.ajax()方法

      1. $.ajax()基本结构如下: 

$.ajax({

url:请求地址
   type:"get | post | put | delete " 默认是get,
   data:请求参数 {"acct":"2322","pwd":"32443"},
   dataType:请求数据类型"html | text | json | xml | script | jsonp ",
   success:function(data,dataTextStatus,jqxhr){ },//请求成功时    error:function(jqxhr,textStatus,error)//请求失败时
})

    2.  $.ajax()例子

$.ajax({
   url:"/login",
   type:"POST",dataType:"json",

contentType : 'application/json;charset=utf-8',

success:function(data,textStatus,jqxhr){
       console.log("__请求结果成功返回__");
       console.log(data);
       console.log(textStatus);
       console.log(jqxhr);
       console.log("______");
   },
   error:function(jqxhr,textStatus,error){
       console.log("__请求结果失败返回__");
       console.log(error);
       console.log(textStatus);
       console.log(jqxhr);
       console.log("___________");  
   
   }
})

到此,关于“jQuery Ajax的使用方法是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. jQuery Ajax & jsonp
  2. jQuery中的ajax使用示例

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

ajax jquery

上一篇:怎么实现springboot邮箱发送

下一篇:有哪些JDK内置命令

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》