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 相关文章推荐
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
javascript实现图片轮播效果
Jan 20 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
Vue.js学习示例分享
Feb 05 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
node实现分片下载的示例代码
Oct 17 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
多个vue子路由文件自动化合并的方法
Sep 03 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 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 trim 去除空字符的定义与语法介绍
2010/05/31 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
详解VUE 数组更新
2017/12/16 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
python中字典(Dictionary)用法实例详解
2015/05/30 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
浅析使用Python搭建http服务器
2019/10/27 Python
使用Python 自动生成 Word 文档的教程
2020/02/13 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
python字符串判断密码强弱
2020/03/18 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
文明礼仪演讲稿
2014/05/12 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
中学生学习保证书
2015/02/26 职场文书
清洁工个人工作总结
2015/03/05 职场文书
消防验收申请报告
2015/05/15 职场文书
家长会主持词开场白
2015/05/29 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
MySQL 重命名表的操作方法及注意事项
2021/05/21 MySQL
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫