jQuery 中ajax异步调用的四种方式


Posted in Javascript onJune 28, 2016
<script type="text/javascript" language="javascript" src="JS/jquery-1[1].2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){  //Jquery 页面加载事件,当页面加载之后首先执行这个方法
  
  //第一种Ajax请求
  $.ajax({
    type:"GET",    //请求类型,有get,post等类型,和表单提交是一样的
    url:"Result.aspx", //请求处理的页面,就是说由那个页面捕获请求,同样这个路径可以换成ashx,一般处理程序
    data: "name=John&location=Boston", //传递参数,实在就是(Result.aspx?name=John&loaciton=Boston)
    success:function(msg){ //请求成功会由这个方法处理,其中请求成功返回值由msg接收
      $("#ajaxDIV").text(msg);
    }
  });
  
  
  //第二种请求
  $.get(               //用get请求方式,其实就是上一种的变体
    "Handler.ashx",   
    {name:"笨笨熊",sex:"女"}, //要传递的参数,解析为(Handler.ashx?name=笨笨熊&sex=女)
    function(msg){       //请求返回参数
      $("#Div1").text(msg);
    }
  );
  
  //第三种请求
  $.post(               //这种请求的上一种是一样的,只是请求方式不同
    "Handler2.ashx",
    {name:"benben 笨笨熊",sex:"女"},
    function(msg){
      $("#Div2").text(msg);
    }
  );
  
  
  //第四种请求
  $.getJSON(             //这种是用JSON 实现的,JSON是一种通用的数据格式
    "Handler3.ashx",  //路径
    {name:"aaa"},   //传递参数
    function (data){  //回调处理函数 返回的就是json数据格式,由data接收这串数据
      var str="";     //下面就是解析这些数据,具体接送的使用但不做考虑,设计内容很多,一时无法讲解
      str+="姓名:  "+data.name+"<br/>";
      str+="性别:  "+data.sex+"<br/>";
      str+="地址:  "+data.address+"<br/>";
      $("#Div3").html(str);
    }
  );
});
</script>

以上就是本文的全部内容,了解更多jQuery的语法,大家可以查看:《jQuery 1.10.3 在线手册》,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
充分发挥Node.js程序性能的一些方法介绍
Jun 23 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
JavaScript中关于预编译、作用域链和闭包的理解
Mar 31 Javascript
jQuery 调用WebService 实例讲解
Jun 28 #Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 #Javascript
关于JS 预解释的相关理解
Jun 28 #Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 #Javascript
浅谈js中的in-for循环
Jun 28 #Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 #Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 #Javascript
You might like
《心理测量者3》剧场版动画预告
2020/03/02 日漫
php curl的深入解析
2013/06/02 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
PHP使用new StdClass()创建空对象的方法分析
2017/06/06 PHP
PHP获取当前系统时间的方法小结
2018/10/03 PHP
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
用javascript替换URL中的参数值示例代码
2014/01/27 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
通过实例理解javascript中没有函数重载的概念
2015/06/03 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
Python访问纯真IP数据库脚本分享
2015/06/29 Python
python数据结构之链表详解
2017/09/12 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
python2.7实现邮件发送功能
2018/12/12 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
类如何去实现接口
2013/12/19 面试题
美术国培研修感言
2014/02/12 职场文书
《葡萄沟》教学反思
2016/02/23 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
KVM基础命令详解
2022/04/30 Servers
mysql查找连续出现n次以上的数字
2022/05/11 MySQL
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js