Ajax能够在无需加载整个页面的情况下,能够更新部分网页内容,可以减小服务器的资源浪费。

ajax大体上有四种实现方式,由于基于JS的实现方式太过于复杂,基本上用不到,所以就暂不贴出其实现代码了。

1.使用$.ajax()发送异步请求

$.ajax的参数列表如下:

url:异步请求的路径。

type:请求方式,常见参数为post,get等等。

dataTpye:接收到的服务器响应数据的格式。

data:请求参数,一般以json方式发送。

success:function(data):响应成功后的回调函数,参数data通常情况下是服务器返回的json格式的数据。

error:function():请求响应出现错误的情况下,执行的回调函数。

$.ajax({

url:"/login.do" ,

type:"POST" ,

dataType:"text",

data:{"name":"zhangbo"},

success:function (data) {

alert(data);

},

error:function () {

alert("请求响应错误");

}

});

2.使用$.get()发送get请求

$.get(url, [data], [callback], [type])的参数列表如下:

url:异步请求的路径。

data:请求参数,一般以json方式发送。

callback:回调函数。

type:响应结果的类型。

$.get("/login.do",{username:"zhangbo"},function (data) {

alert(data);

},"text");

3.使用$.post()发送post请求

$.post(url, [data], [callback], [type])的参数列表如下:

url:异步请求的路径。

data:请求参数,一般以json方式发送。

callback:回调函数。

type:响应结果的类型。

$.post("/login.do",{username:"zhangbo"},function (data) {

alert(data);

},"text");

三种异步实现的方式都大同小异,使用ajax的关键就在于json格式数据的获取与响应,其他的并不难。

ajax是一种异步的请求方式,ajax异步请求的三种方式相关推荐

  1. MySQL 8.0 异步复制的三种方式

    本实验中分别针对空库.脱机.联机三种方式,配置一主两从的mysql标准异步复制.只做整服务器级别的复制,不考虑对个别库表或使用过滤复制的情况. 实验环境 [root@slave2 ~]# cat /e ...

  2. JavaScript 循环中调用异步函数的三种方法,及为什么 forEach 无法工作的分析

    JavaScript 循环中调用异步函数的三种方法,及为什么 forEach 无法工作的分析 业务分析 初版的问题 解决方案 传统的 for 循环 不使用 for 循环的解决方案 分析 forEach ...

  3. php处理异步请求_php的异步请求操作

    php的异步请求操作 PHP #异步请求2012-04-15 00:21 在很多情况下,有这样的一个需求:让php在后台执行某个程序,但要让页面快速的输出显示. 以下是我总结的几种实现方式 exec ...

  4. ML之FE:数据处理—特征工程之特征选择常用方法之基于搜索策略的三种分类、基于评价准则划分的三种分类(Filter/Wrapper/Embedded)及其代码实现

    ML之FE:数据处理-特征工程之特征选择常用方法之基于搜索策略的三种分类.基于评价准则划分的三种分类(Filter/Wrapper/Embedded)及其代码实现 目录 Wrapper包裹式/封装式- ...

  5. ABB机器人选项包,密钥,三种方法,真实、虚拟、密钥三种方法

    ABB机器人选项包,密钥,三种方法,真实.虚拟.密钥三种方法,有教程.有软件.也有密钥 YID:75188661261334891

  6. 巨蟹女容易对哪种男生动心?巨蟹女喜欢的三种男生类型

    巨蟹女是温柔小意的小女人,是不少男生的择偶首选.但别看巨蟹女看起来似乎很好相处很好追,其实在她温柔的外表之下也很有自己的择偶原则,一般男人轻易入不了她的眼.下面辛情网给大家分享巨蟹女喜欢的三种男生类型 ...

  7. AJAX异步请求解决跨域问题的三种方式

    一 什么是跨域 出于浏览器的同源策略限制.同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说We ...

  8. java 异步事件_处理异步事件的三种方式

    在网站开发中,异步事件是项目必然需要处理的一个环节,也因为前端框架的兴起,通过框架实现的 SPA 已经是快速建构网站的标配了,一部获取数据也就成了不可或缺的一环:本文来就讲一讲 JavaScript ...

  9. 计算机文件保存方式,Word文档的三种保存方式

    word中有多种保存文档的方式.可保存当前处理的活动文档 (活动文档:正在处理的文档.在 Microsoft word 中键入的文本或插入的图形将出现在活动文档中.活动文档的标题栏是突出显示的.),无 ...

  10. python实现定时任务的方式_Python实现定时执行任务的三种方式简单示例

    本文实例讲述了Python实现定时执行任务的三种方式.分享给大家供大家参考,具体如下: 1.定时任务代码 #!/user/bin/env python # @Time :2018/6/7 16:31 ...

最新文章

  1. 关于页面打印window.print()的样式问题
  2. web前端面试题集锦三
  3. python 3d绘图 拖动_使用python-matplotlib连续3D绘图(即图形更新)?
  4. 终端、虚拟控制台与伪终端
  5. ROS project part 1: Ubuntu中安装opencv包以及相应的依赖
  6. (翻译)Tricks of the windows game programming Gurus(Windows游戏大师之路) --- 前言(作者:ANDRE LAMOTHE 1999)...
  7. 用户模式下的线程同步
  8. 【链表】牛客网:链表内指定区间反转
  9. uva 11426 GCD - Extreme (II)
  10. redis mysql 数据长度_如何统计Redis中各种数据的大小
  11. 冒泡排序 (Bubble Sort)
  12. opencv车牌照识别
  13. UBLOX配置/GPS配置设置/u-center使用
  14. 《软件方法》第1章 建模和UML
  15. h5拍摄身份证_H5接口调用,身份证识别
  16. mysql 视图 多个 select_MySQL中Update、select联用操作单表、多表,及视图与临时表的区别...
  17. pyd文件逆向(二)
  18. 鲸探APP处罚60余位转售数字藏品用户 | 产业区块链发展周报
  19. 一个操作系统的实现(8)进程间通信
  20. iOS RN学习随笔

热门文章

  1. 使用flowable生成动态流程图
  2. 让人迷惑的ReverseFind
  3. pix2pix的简介
  4. mac 应用程序安装目录
  5. 数据分析36计(17):Uber的 A/B 实验平台搭建
  6. 机器学习实战应用案例100篇(十四)-飞蛾扑火优化算法从原理到实战应用案例
  7. 苹果二手手机换购计划很快支持 Android 等手机
  8. vivo 实时计算平台建设实践
  9. php中=%3e -%3e的区别,华为Nova3e和Nova2s哪个好? 华为Nova2s与3e区别对比评测
  10. Python爬虫(二)——爬取电影天堂,保存下载地址