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表单提交的代码
Sep 13 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
javascript实现最长公共子序列实例代码
Feb 05 Javascript
vue iview实现动态新增和删除
Jun 17 Javascript
详解datagrid使用方法(重要)
Nov 06 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
第九节--绑定
2006/11/16 PHP
php 特殊字符处理函数
2008/09/05 PHP
PHP 抓取网页图片并且另存为的实现代码
2010/03/24 PHP
php url地址栏传中文乱码解决方法集合
2010/06/25 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
php ZipArchive压缩函数详解实例
2013/11/06 PHP
php输出xml属性的方法
2015/03/19 PHP
php in_array() 检查数组中是否存在某个值详解
2016/11/23 PHP
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
vue 子组件向父组件传值方法
2018/02/26 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
python字典改变value值方法总结
2019/06/21 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
详解python解压压缩包的五种方法
2019/07/05 Python
python urllib爬虫模块使用解析
2019/09/05 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
python获取linux系统信息的三种方法
2020/10/14 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
2017/11/21 HTML / CSS
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
安全资料员岗位职责范本
2014/06/28 职场文书
2014年公务员工作总结
2014/11/18 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python