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触发select onchange事件的小技巧
Aug 05 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
js+css实现导航效果实例
Feb 10 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
Dec 20 Javascript
微信小程序 连续旋转动画(this.animation.rotate)详解
Apr 07 Javascript
AngularJS封装$http.post()实例详解
May 06 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 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 启动时报错的简单解决方法
2014/01/27 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
javascript 面向对象编程 function也是类
2009/09/17 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
javascript模拟命名空间
2015/04/17 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
jquery.tableSort.js表格排序插件使用方法详解
2020/08/12 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例
2020/02/28 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
python Xpath语法的使用
2020/11/26 Python
用Python实现职工信息管理系统
2020/12/30 Python
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
C#基础面试题
2016/10/17 面试题
英文版网络工程师求职信
2013/10/28 职场文书
保险内勤岗位职责
2014/04/05 职场文书
路政管理求职信
2014/06/18 职场文书
新党章心得体会
2014/09/04 职场文书
法人代表授权委托书范文
2014/09/10 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
学校重阳节活动总结
2015/03/24 职场文书
2015年档案室工作总结
2015/05/23 职场文书