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定义类的几种方式总结
Jan 06 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
JavaScript每天定时更换皮肤样式的方法
Jul 01 Javascript
jQuery文字提示与图片提示效果实现方法
Jul 04 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
vant自定义二级菜单操作
Nov 02 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
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
PHP查找一列有序数组是否包含某值的方法
2020/02/07 PHP
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
js获取页面及个元素高度、宽度的代码
2016/04/26 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
浅谈js闭包理解
2019/04/01 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
python Django连接MySQL数据库做增删改查
2013/11/07 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python模拟登陆实现代码
2017/06/14 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
linux面试题参考答案(6)
2016/06/23 面试题
期末总结的个人自我评价
2013/11/02 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
珠宝店促销方案
2014/03/21 职场文书
奥运会口号
2014/06/13 职场文书
记账会计岗位职责
2014/06/16 职场文书
公司地址变更通知
2015/04/25 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
新闻通讯稿模板
2015/07/22 职场文书
Django路由层如何获取正确的url
2021/07/15 Python
详解Python中*args和**kwargs的使用
2022/04/07 Python