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事件机制扩展插件 jquery鼠标右键事件。
Dec 26 Javascript
用JQUERY增删元素的代码
Feb 14 Javascript
全面理解面向对象的 JavaScript(来自ibm)
Nov 10 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
javascript实现微信分享
Dec 23 Javascript
10个很棒的jQuery代码片段
Sep 24 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
Aug 08 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
javascript 读取图片文件的大小
2009/06/25 Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
python模仿网页版微信发送消息功能
2018/02/24 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
Myprotein蛋白粉美国官网:欧洲畅销运动营养品牌
2016/11/15 全球购物
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
国际商务系学生个人的自我评价
2013/11/26 职场文书
综治维稳工作汇报
2014/10/27 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
Python中使用Opencv开发停车位计数器功能
2022/04/04 Python
golang操作rocketmq的示例代码
2022/04/06 Golang