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 相关文章推荐
ASP Json Parser修正版
Dec 06 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
jQuery中的通配符选择器使用总结
May 30 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
bootstrap datepicker的基本使用教程
Jul 09 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 Javascript
vue3.0 数字翻牌组件的使用方法详解
Apr 20 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
php 缓存函数代码
2008/08/27 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
19个Android常用工具类汇总
2014/12/30 PHP
浅谈php提交form表单
2015/07/01 PHP
php进程间通讯实例分析
2016/07/11 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
学习面向对象之面向对象的术语
2010/11/30 Javascript
两个数组去重的JS代码
2013/12/04 Javascript
jquery 图片缩放拖动的简单实例
2014/01/08 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
[00:34]TI7不朽珍藏III——地穴编织者不朽展示
2017/07/15 DOTA
Python实现批量修改文件名实例
2015/07/08 Python
python实现JAVA源代码从ANSI到UTF-8的批量转换方法
2015/08/10 Python
python3.4用函数操作mysql5.7数据库
2017/06/23 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
Pytorch之Variable的用法
2019/12/31 Python
Python如何访问字符串中的值
2020/02/09 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
教师岗位职责
2013/11/17 职场文书
大二学习计划书范文
2014/04/27 职场文书
党员活动日总结
2014/05/05 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
2015新年寄语大全
2014/12/08 职场文书
合作协议书格式范本
2016/03/21 职场文书
《没有任何借口》读后感:完美的执行能力
2020/01/07 职场文书