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获取url链接字符串 location.href
Dec 23 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
使用Vue生成动态表单
Nov 26 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获取当前url路径的函数以及服务器变量
2013/06/29 PHP
PHP批量生成图片缩略图的方法
2015/06/18 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
JavaScript关于select的相关操作说明
2010/01/13 Javascript
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
关于微信小程序bug记录与解决方法
2018/08/15 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
Python随机生成彩票号码的方法
2015/03/05 Python
python开发简易版在线音乐播放器
2017/03/03 Python
Python实现感知机(PLA)算法
2017/12/20 Python
python实现微信自动回复功能
2018/04/11 Python
python 剪切移动文件的实现代码
2018/08/02 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Django Celery异步任务队列的实现
2019/07/24 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
python退出循环的方法
2020/06/18 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
python palywright库基本使用
2021/01/21 Python
英国游戏机和游戏购物网站:365games.co.uk
2018/06/18 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
灰雀教学反思
2014/04/28 职场文书
2015年校长新年寄语
2014/12/08 职场文书
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸