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 Html结构转字符串形式显示代码
Nov 15 Javascript
js关闭父窗口时关闭子窗口
Apr 01 Javascript
JS预览图像将本地图片显示到浏览器上
Aug 25 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
关闭浏览器时提示onbeforeunload事件
Dec 25 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
js实现带按钮的上下滚动效果
2015/05/12 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
深入剖析JavaScript面向对象编程
2016/07/12 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
微信小程序 UI与容器组件总结
2017/02/21 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
详解vue添加删除元素的方法
2018/06/30 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
TensorFlow命名空间和TensorBoard图节点实例
2020/01/23 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
Python操作dict时避免出现KeyError的几种解决方法
2020/09/20 Python
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
超市促销实习自我鉴定
2013/09/23 职场文书
应聘教师推荐信
2013/10/31 职场文书
新春联欢会主持词
2014/03/24 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
《假如》教学反思
2014/04/17 职场文书
人力资源管理毕业生自荐信
2014/06/26 职场文书
工作年限证明模板
2014/11/01 职场文书
初中优秀学生评语
2014/12/29 职场文书
会计岗位职责范本
2015/04/02 职场文书
2015年政协委员工作总结
2015/05/20 职场文书
历史博物馆观后感
2015/06/05 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书