`

Jquery简单Ajax的封装,简化开发

阅读更多

        开发过程中经常要用到Ajax从后天返回一些数据,从官网API上学习得,可以这样使用:

$.ajax({
   url:"/school_class/studentInfoAction_validatorCode.action?studentInfoVo.studentNo="+$("#studentNo").val()+"&studentInfoVo.studentinfoId="+$("#id").val(),
   type:"post", //post提交
   async:false, //用同步

   timeout:3000,
   success:function(html) {//成功时回调函数
    if(html==""){

业务操作
       }else{

业务操作
            }
   } ,

error :function(result){//出错时调用的函数,我们经常要使用,不然有时候出错了很难知道是什么原因。

}
  });

 

每次都这么写,这么多行,是否有点麻烦,我们可以简单地做下封装:

ajaxSubmit = function(url,data){
  var msg = null;
  jQuery.ajax({
     type: "POST",
     url: url,
     async : false,
     data: data,
     success: function(html){
       msg = html;
     }

error: function(html){
       alert(html);

     }

  });
  return msg;
};

则以后就可以这么简单的使用了

var url ="/school_class/studentInfoAction_getRelated.action";//到达后台的URL地址
   var data = "formMap.yearId="+obj.value;//传到后台的数据
   var mess= ajaxSubmit(url,data);//返回的数据

分享到:
评论

相关推荐

    jQuery版AJAX简易封装代码

    开发过程中,AJAX的应用应该说非常频繁,当然,jQuery的AJAX函数已经非常好用,但是小编还是稍微整理下,方便不同需求下,可以简化输入参数,下面是实例代码: $(function(){ /** * ajax封装 * url 发送请求的...

    对Jquery中的ajax再封装,简化操作示例

    代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head> <title>jQueryAjaxJson取值示例</title> [removed][removed] <scrip

    asp +JqueryAjax+access 无刷新分页

    JqueryAjax 无刷新分页 带数据库 直接可运行 pageTest.asp js封装 简化代码

    基于jQuery的ajax方法封装

    ajax (ajax开发)简介 AJAX即“Asynchronous Javascript And XML”...在实际的项目里,ajax的应用频率很高,所以尽管jquery或者其他的一些类似的js库做了非常不错的封装,仍然有进一步封装简化的空间和必要 举一个

    jQuery(Ajax)入门

    我的网址:www.0379zd.com欢迎光临。jquery大简化了js操作,对ajax更是提供了很好的封装。

    easy-ajax:基于 jQuery 的 Ajax 调用封装,简化常用场景下的 Ajax 调用

    易阿贾克斯 Based jQuery to build easy ajax api, to simplify ajax request for:1. Dialog2. Form, and submitting3. HTTP asynchronous loading4. others先决条件 1. jQuery2. jQuery Dialog Model安装 1. Setup ...

    jQuery Ajax使用实例

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的差异了。 $.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般...

    jquery插件使用方法大全

    使用jquery实现ajax同样异常简单 代码 (1) $.get("search. do",{id:1},rend); function rend(xml){ alert(xml); } (2) $.post("search. do",{id:1},rend); function rend(xml){ alert(xml); } (3) $...

    jQuery Ajax 实例详解 ($.ajax、$.post、$.get)

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看, 地址为://www.jb51.net/article/26903.htm...

    jquery API

    JQUERY 封装比较好的JS类库,简化开发人员开发!这个是 应用api!方便大家查阅!

    基于Java实现的新冠肺炎疫情实时动态地图.zip

    资源包含文件:设计报告word+源码及...jQuery 对 AJAX 进行了多步封装,简化了代码量。 请求成功后,通过 success: function 对数据进行处理。 详细介绍参考:https://blog.csdn.net/newlw/article/details/125047794

    jquery基础知识第一讲之认识jquery

    jQuery是一个优秀的JavaScript库,它凭借简洁地语法和跨平台的兼容性,极大地简化了开发人员遍历HTML文档,操作DOM,处理事件,执行动画和开发Ajax操作。 jQuery优势: 1.轻量级 2.强大的选择器 3.出色的DOM操作的...

    【JavaScript】4.初识 jQuery

    本来这一篇要写JavaScript的事件处理的,但是内容好多啊,这一套那一套的,看得有点晕……...jQuery是JS的框架,基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能,提供函数接口,大大简化了Ajax,JS的操作

    jQuery入门介绍之基础知识

    为了简化JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的JavaScript 库...

    RIA管理系统开发框架iSmartJS3.0.zip

    舒适的、简化的、友好的、全栈式的Javascript RIA开发框架 iSmartJs提供了一个完整的RIA开发的解决方案,这些解决方案使得您在进行RIA开发的过程中更加关注业务实现,使用iSmartJs可以在极大程度上减少...

    Ajax无刷新Url提交页面

    尤其是在Jquery,porotype,Ext等框架流行之后,大量简化的代码可说是为程序员带来了福音, 从繁重的代码工作之中解脱出来,轻易的就可以实现过去书写复杂的功能。 不过有利有弊,到如今,习惯了使用各种框架,而很...

    weixin136公交信息在线查询系统+ssm(源码+部署说明+演示视频+源码介绍+lw).rar

    jQuery:一个快速、简洁的JavaScript库,用于简化前端开发,实现动态效果和Ajax交互。 Bootstrap:一个响应式前端框架,用于构建移动端友好的用户界面。 功能方面,该系统主要包括: 公交信息查询:用户可以通过...

    JAVA上百实例源码以及开源项目

     Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...

Global site tag (gtag.js) - Google Analytics