使用Jquery中的AJAX进行异步开发是特别迅速的,也是目前比较流行的,下面对AJAX的使用做下总结。

//判断用户名是否可以注册
                $.ajax({
                    type: 'POST',
                    url: '/User/CheckName',
                    cache: false,
                    dataType: "json",
                    data: { username: $("#username").val() },
                    beforeSend: function(XMLHttpRequest) {
                        //加载中...
                    },
                    success: function(data) {
                        if (data.flag) {
                            $("#username_err").html("<font color=green>√该用户名可以注册</font>");
                            return true;
                        }
                        else {
                            $("#username_err").html("<font color=red>该用户名已注册,请更换其他用户名</font>");
                            document.getElementById("username").focus();
                            return false;
                        }
                    },
                    error: function(e) {
                        alert(e.responseText); //错误处理
                    },
                    complete: function(XMLHttpRequest) {
                        //完成
                    }
                });

上面就是Jquery中Ajax提交数据的方法:

type:这是提交数据的类型,有两种,分别为POST和GET方式,类似于FORM表单的提交方式,POST比较安全而且传输的数据量可以比较大(推荐使用),GET是通过URL传值的形式传输的数据量比较小;

url:这个是处理Ajax请求方法的URL地址;

cache:是否缓存的意思,一般设置为false;

dataType:返回的数据格式,一般有json,html等格式;

data:要传送的数据;

beforeSend:发送数据之前的动作处理,一般网页上显示的“加载中。。。”,“查询中。。。”都是在这里面操作的;

success:成功返回结果的动作操作,一般成功之后的提示信息或者其他操作都在这里面完成;

error:ajax请求发生错误的处理;

complete:整个ajax请求完成之后的处理;

转载于:https://www.cnblogs.com/jiangrod/archive/2011/02/12/1951817.html

Jquery中AJAX的应用相关推荐

  1. jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法

    jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...

  2. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...

  3. php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用

    之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...

  4. 关于Jquery中ajax方法data参数用法的总结

    关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...

  5. [转]Jquery中AJAX错误信息调试参考

    下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...

  6. Jquery中AJAX参数详细介绍

    转载:http://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html Jquery中AJAX参数详细列表: 参数名 类型 描述 ur ...

  7. jquery中ajax完整例子get,jq的ajax方法,jquery中ajax完整例子

    jq的ajax方法,jquery中ajax完整例子 相较与js异步对象的繁琐,jq的ajax对象结构更加清晰 一:ajax对象简述 ajax(Asynchronous JavaScript and X ...

  8. jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)

    jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...

  9. ajax 请求成功 再执行javascript,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...

  10. 调用$.ajax不成功,jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法...

    jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Objec ...

最新文章

  1. CSU 1113 Updating a Dictionary(map容器应用)
  2. android n AES加密,AndroidP AES 加密适配
  3. 云服务器镜像麻烦吗_简单说说云服务器的镜像功能作用
  4. C++ map嵌套使用 链接
  5. 记录 centos samba 安装
  6. 监控工具—Prometheus—基础介绍
  7. 程序员从幼稚到成熟会经历哪些变化?你都知道吗?
  8. SparkMLlib回归算法之决策树
  9. Struts2之异常机制
  10. Jmeter+jenkins+ant自动化测试环境搭建
  11. matlab求z score,matlab标准化和反标准化——zscore
  12. 设计模式 ( 十九) 中介者模式
  13. 以太坊:用 Solidity 写测试用例
  14. 云计算—重塑IT产业格局
  15. java实现物体下落效果_android仿微信表情雨下落效果的实现方法
  16. thingworx项目-mushup
  17. 23.敏捷优秀实践 - 产品开发流程
  18. YouTube网红营销的意义
  19. 华为鸿蒙系统落地,鸿蒙系统正式落地!华为养的“这只狼”,终于派上用场了?...
  20. Java实现word文档转pdf(无需插件,仅需一个jar包)

热门文章

  1. mac php memcache扩展,Mac下PHP安装Memcache扩展
  2. python modbus tk 库_python modbus_tk模块学习笔记(rtu slaver例程)
  3. python制作日历并保存成excel_利用Python自动化生成逼格高的日历!简单又实用
  4. 【opencv】左右两张图片实现全景拼接
  5. python写机器人程序_从Python写入机器人框架控制台
  6. python求解典型相关系数_三大相关系数: pearson, spearman, kendall(python示例实现)...
  7. e1载波把32个信道按_什么是Wi-Fi 6?这12个问题为你讲清楚
  8. 论文阅读:Natural Language Processing Advancements By Deep Learning: A Survey
  9. 聚类算法实现:DBSCAN、层次聚类、K-means、
  10. 基于卷积神经网络的图像情感分析模型,Python实现