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 相关文章推荐
Javascript 面向对象 继承
May 13 Javascript
JavaScript.Encode手动解码技巧
Jul 14 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
排序算法的javascript实现与讲解(99js手记)
Sep 28 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 19 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
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
PHP用户指南-cookies部分
2006/10/09 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
Symfony2实现从数据库获取数据的方法小结
2016/03/18 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
浅谈Python中函数的参数传递
2016/06/21 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
python复制文件到指定目录的实例
2018/04/27 Python
python实现音乐下载的统计
2018/06/20 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
巴黎一票通:The Paris Pass
2018/02/10 全球购物
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
销售人员职业生涯规划范文
2014/03/01 职场文书
个人授权委托书范文
2014/09/21 职场文书
2014国庆65周年领导讲话稿(3篇)
2014/09/21 职场文书
罚站检讨书
2015/01/29 职场文书