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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
javascript正则表达式中的replace方法详解
Apr 20 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
js实现表格筛选功能
Jan 18 Javascript
JS实现520 表白简单代码
May 21 Javascript
原生js实现日历效果
Mar 02 Javascript
js 数组当前行添加数据方法详解
Jul 28 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 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数据库开发知多少
2006/10/09 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
2018/10/31 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
Dojo 学习要点
2010/09/03 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
在javascript中如何得到中英文混合字符串的长度
2014/01/17 Javascript
JavaScript数组Array对象增加和删除元素方法总结
2015/01/20 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
JS控制伪元素的方法汇总
2016/04/06 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python selenium循环登陆网站的实现
2019/11/04 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
英语专业学生个人求职信范文
2014/01/06 职场文书
三年级学生评语
2014/04/23 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
骨干教师申报材料
2014/12/17 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
入党心得体会
2019/06/20 职场文书
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技