详解jQuery中关于Ajax的几个常用的函数


Posted in jQuery onJuly 17, 2017

一:

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

什么是 AJAX ?

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

二:传统的Ajax过于繁琐,jquer封装了一些ajax常用的简单函数。

   a:  $.ajax()方法:

   jsp页面代码 :

<head>
  <title>Ajax验证</title>
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript">
    $(function () {
      $("[name='userName']").blur(function () {     
        $.ajax({
          type: "post",
          url: "/TestServlet",
          data:{action:"login"},     //data 传递的参数一般都是key:“ value” 类型的 value一定要加引号 我亲身体验 那种找不到错的感觉
          // dataType:'Text',      //servers 返回的格式 也可以是gjon
          success: function (data) {
            if (data == "success") {
              alert(data);
              $("#myspan").html(data);
            }
          },
          error: function () {      //这个用的比较少
          }
        })
      })
    })
  </script>
</head>
<body>
   姓名: <input name="userName" type="text"><span id="myspan"></span>
   密码: <input name="password" type="text">
</body>

     servlet后台代码:

public class TestServlet extends HttpServlet {
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String name = request.getParameter("action");
    System.out.println(name);
    if(name.equals("login")){
      response.getWriter().write("success");  //返回回掉函数的参数
    }else{
      response.getWriter().write("file");
    }
  }

   b:$.get() , $.post()和 $.getJson方法都是$.ajax()方法的精简版,用法大致一致,少了一个type

$.post("/TestServlet",
         {"uname":$('[name=uname]').val()},
         function (data) {
           alert(data);
         });

   c: $.load()

$("#msg").load(     //可以直接拿到文本框 的值
         "/TestServlet","action="+$('[name="userName"]').val()
         );
//后台可以直接 根据request.getParameter()拿到参数的值

   d:$(selector).serializeArray() 和$(selector).serialize()  

//这种方法 可以直接 获得form表单的name属性值,作为data的传参
 var data1 = $("#form1").serializeArray(); //自动将form表单封装成json
           $.each(data1,function (i,dom) {
             alert(dom.name+"\r\n"+dom.value);
           });
           var data2=$("#form1").serialize();
           alert(data2);

   e:作为data参数

var data2=$("#form1").serialize();
           $.getJSON("/TestServlet",data2, function (data) {
              alert(data);
           });

以上所述是小编给大家介绍的jQuery中关于Ajax的几个常用的函数,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jquery实现搜索框功能实例详解
Jul 23 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
jQuery Migrate 插件用法实例详解
May 22 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
Jquery $.map使用方法实例详解
Sep 01 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
Jquery Fade用法详解
Nov 06 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery常用选择器详解
Jul 17 #jQuery
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 #jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 #jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 #jQuery
jQuery列表检索功能实现代码
Jul 17 #jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 #jQuery
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 #jQuery
You might like
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
PHP中的一些常用函数收集
2015/05/26 PHP
php时间计算相关问题小结
2016/05/09 PHP
JS常用表单验证方法总结
2014/05/22 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
axios学习教程全攻略
2017/03/26 Javascript
jQuery代码优化方法总结
2018/01/29 jQuery
Es6 Generator函数详细解析
2018/02/24 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
javascript实现前端成语点击验证
2020/06/24 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
理解python正则表达式
2016/01/15 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
详解django中使用定时任务的方法
2018/09/27 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python魔法方法功能与用法简介
2019/04/04 Python
Python 异常处理Ⅳ过程图解
2019/10/18 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
python3 字符串知识点学习笔记
2020/02/08 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
python实现三种随机请求头方式
2021/01/05 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
创联软件面试题笔试题
2012/10/07 面试题
普通院校学生的自荐信
2013/11/27 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
幼儿园辞职书
2015/02/26 职场文书
最感人的道歉情书
2015/05/12 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书