jquery+ajax请求且带返回值的代码


Posted in Javascript onAugust 12, 2015

现在比较流行使用jquery的ajax来实现一些无刷新请求效果,本章节提供一个非常简单的代码实例供大家参考之用,希望能够给需要的朋友带来一定的帮助,代码如下:

<script type="text/javascript">
/* 请求Ajax 带返回值,并弹出提示框提醒 
--------------------------------------------------*/ 
function getAjax(url,parm,callBack) 
{ 
 $.ajax({ 
  type:'post', 
  dataType:"text", 
  url:url, 
  data:parm, 
  cache:false, 
  async:false, 
  success:function (msg) { 
   callBack(msg); 
  } 
 }) 
} 
/*删除 
/*url: 表示请求路径 
--------------------------------------------------*/ 
function DeleteData(url,id) 
{ 
 var parm='active=Del&id='+id; 
 if(id==undefined||id=="") 
 { 
  showAlertMsg('请选择要删除一行'); 
 } 
 else 
 { 
  showConfirmMsg("此操作不可恢复,确定要删除吗?",function(r){ 
   if(r)
   { 
    getAjax(url,parm,function(rs) 
    { 
     if(parseInt(rs)>0) 
     { 
      showOverAlertMsg("删除成功!",2000,4); 
     } 
     else if(parseInt(rs) == 0) 
     { 
      showOverAlertMsg("该数据被关联,无法删除!",2000,3); 
     } 
     else 
     { 
      showOverAlertMsg("删除失败!", 2000, 5); 
     } 
    }) 
   } 
  }) 
 } 
} 
//删除 
function DeleteOnclick() 
{ 
 DeleteData('SysMenu_List.aspx', Menu_Id); 
} 
</script>

async是asynchronous[异步]的缩写,它是一个bool值默认为true。当async为true时,先不管ajax请求是否完成都要向下执行。同步请求要临时锁定浏览器,当请求正在执行时不执行任何动作。

描述下这两天要实现的功能,判断一个数据数据库里是否存在,如果存在就返回错误,不存在就可以填写并提交。代码如下:

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkCompany/name/' + name,
      cache: false,
      success: function(data){
         return data > 0 ? false : true;
      }
     })
  }
}

通过上面的代码,一直无法正确的反应数据库里是否已经有了这个名字。通过下了个全局变量,将async(默认为true)异步改成同步,就顺利得到了ajax的返回值。代码如下

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkName/name/' + name,
      cache: false,
      async: false,
      success: function(data){
        flag = data;
      }
    })
  }
  return flag > 0 ? false : true;
}

以上就是利用jquery中的ajax提交数据然后由网站后台来根据我们提交的数据返回数据的内容了,希望对大家学习ajax有所帮助。

Javascript 相关文章推荐
轻轻松松学JS调试(不下载任何工具)
Apr 14 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
RequireJs的使用详解
Feb 19 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
vue 动态表单开发方法案例详解
Dec 02 Javascript
纯JS开发baguetteBox.js响应式画廊插件
Jun 28 Javascript
javascript封装简单实现方法
Aug 11 #Javascript
基于Css3和JQuery实现打字机效果
Aug 11 #Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 #Javascript
js判断子窗体是否关闭的方法
Aug 11 #Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
Aug 11 #Javascript
iframe跨域通信封装详解
Aug 11 #Javascript
javascript实现选中复选框后相关输入框变灰不可用的方法
Aug 11 #Javascript
You might like
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
PHP开发中常用的8个小技巧
2008/08/27 PHP
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
JavaScript 指导方针
2007/04/05 Javascript
js left,right,mid函数
2008/06/10 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
jQuery中的基本选择器用法学习教程
2016/04/14 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
javascript this详细介绍
2016/09/19 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
深入理解React高阶组件
2017/09/28 Javascript
vue项目中导入swiper插件的方法
2018/01/30 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python装饰器使用方法实例
2013/11/21 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
Pytorch 实现自定义参数层的例子
2019/08/17 Python
Django自带的用户验证系统实现
2020/12/18 Python
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
C#基础面试题
2016/10/17 面试题
大学生简单自荐信
2013/11/10 职场文书
就业意向协议书
2015/01/29 职场文书
服装店员工管理制度
2015/08/07 职场文书
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis