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 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
JS加ASP二级域名转向的代码
May 17 Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
Javascript中this关键字指向问题的测试与详解
Aug 11 Javascript
vue.js学习笔记之v-bind和v-on解析
May 03 Javascript
vue移动端项目缓存问题实践记录
Oct 29 Javascript
js实现网页同时进行多个倒计时功能
Feb 25 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 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
destoon实现会员商铺中指定会员或会员组投放广告的方法
2014/08/21 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
JS 常用校验函数
2009/03/26 Javascript
IE6下出现JavaScript未结束的字符串常量错误的解决方法
2010/11/21 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
js重写方法的简单实现
2016/07/10 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
解析vue中的$mount
2017/12/21 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
2019/09/18 Javascript
分享Python文本生成二维码实例
2016/01/06 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
scrapy头部修改的方法详解
2020/12/06 Python
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
行政主管岗位职责
2013/11/18 职场文书
美容院经理岗位职责
2014/04/03 职场文书
家庭困难证明
2014/10/12 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
庆七一晚会主持词
2015/06/30 职场文书
宣传稿格式范文
2015/07/23 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
win10更新失败无限重启解决方法
2022/04/19 数码科技