jquery+ajax请求且带返回值的代码

2024-12-01 02:20:37

现在比较流行使用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有所帮助。

jquery教程ajax请求json数据示例

复制代码代码如下: $.ajax({ url: '这个地址要换成你自己的', data: {S_CourseID: courseid , CurrTime : new Date().getTime()}, //加个时间戳,否则会不自动更新数据 dataType: 'json', success: function(data) { if (data != null) { if ( dat
jQuery调用ajax请求的常见方法汇总

本文实例汇总了jQuery调用ajax请求的常见方法.分享给大家供大家参考.具体如下: 示例代码1 $.ajax('/ROUTE', { type: 'GET' data: {param1: 'Hello', param2: 'World'}, dataType: 'json', contentType: 'application/json', timeout: 3000, success: function(response) { // console.log(response.somethi
jquery中AJAX请求 $.post方法的使用

使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求.$.post方法是jQuery的实用工具方法. post和get发送方式的特点, GET 方法提交数据不安全,数据置于请求行,客户端地址栏可见; GET 方法提交的数据大小限制在255 个字符之内.POST方法提交的数据置于消息主体内,客户端不可见, POST 方法提交的数据大小没有限制. $.post方法语法 $.post(url,parameters,callback) 参数 url (字符串)服务器端资源地址
Jquery Ajax请求方法小结(值得收藏)

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :
jQuery取消ajax请求的方法

本文实例讲述了jQuery取消ajax请求的方法.分享给大家供大家参考.具体分析如下: 这里需要注意的是,在ajax请求未响应之前可以用xhr.abort()取消,但如果请求已经到达了服务器端,这样做的结果仅仅是让浏览器不再监听这个请求的响应,但服务器端仍然会进行处理 var xhr = $.ajax({ type: "POST", url: "test.php", data: "name=test", success: function(msg
JQuery的Ajax请求实现局部刷新的简单实例

请求的ajax路径传递的参数(data)会到action中被一个同样名字的变量(附带set get方法)接收,返回的data是一个JQuery的数组对象,在被调用的action中涉及到的数据变量会对象,都会封装到data中最终返回给页面. 案例:如图我要实现状态的更改,用JQuery的Ajax更改完之后图标发生改变,实现页面的局部刷新原理:局部刷新是刷新页面的一部分,在此案例中实现的只是图标的改变,把后台代码和前台现实的图标分离,并不是对数据库重新做查询,二是后台数显数据修改之后,前台直接改
jquery的ajax请求全面了解

jquery中封装了一些ajax请求的方法,很实用. 比如.ajaxComplete()--请求完成时.ajaxError()--请求失败时.ajaxSend()--在Ajax请求发送时附加一个function去执行.ajaxStart()--请求开始时,.ajaxStop()--请求结束时.ajaxSuccess()--请求成功时.load()--从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()--使用HTTP POST请求加载服务端数据.serialize()-
Jquery 一次处理多个ajax请求的代码

复制代码代码如下: $(document).ready(function () { $('#getsetgo').click(function () { $.when($.ajax("page1.php"), $.ajax("page2.php")).done(function(a1, a2){ $('#id1').html(a1[0]); $('#id2').html(a2[0]); }); }); }); jquery 1.5发布后,其中新增加方法jQuery
封装了jQuery的Ajax请求全局配置

摘要: jQuery已经成为项目中最常见的js库,也是前端开发最喜欢使用的库.下面是在项目中封装了jQuery的Ajax,分享给大家. 代码: 复制代码代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url; var href = location.href; // 判断是否跨域请求 var requestType = 'jsonp'; if (url.indexOf
jquery ajax请求实例深入解析

jquery中封装了一些ajax请求的方法,很实用. 比如.ajaxComplete()--请求完成时.ajaxError()--请求失败时.ajaxSend()--在Ajax请求发送时附加一个function去执行.ajaxStart()--请求开始时,.ajaxStop()--请求结束时.ajaxSuccess()--请求成功时.load()--从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()--使用HTTP POST请求加载服务端数据.serialize()-
jQuery实现监控页面所有ajax请求的方法

本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决方案是,等其中一个结束以后,再发起另外一个,这个过程用回调函数来完成. 但是,如果其中一个ajax请求的代码不是你写,你改不了,怎么办? 又或者说,你只想知道某个url请求什么时候结束,不想管其他的请求,怎么弄? <!DOCTYPE html> <html lang="en&quo

jquery+ajax请求且带返回值的代码

相关推荐

随机推荐