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同时提交多个Web表单的方法
Dec 26 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
jQuery中height()方法用法实例
Dec 24 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 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
NOT NULL 和NULL
2007/01/15 PHP
php_xmlhttp 乱码问题解决方法
2009/08/07 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
php使用memcoder将视频转成mp4格式的方法
2015/03/12 PHP
php post大量数据时发现数据丢失问题解决方法
2015/06/20 PHP
浅谈php的优缺点
2015/07/14 PHP
PHP函数用法详解【初始化、嵌套、内置函数等】
2020/06/02 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
复制本贴标题和地址的js代码
2008/07/01 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
2015/11/16 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
JavaScript 五大常见函数
2018/03/23 Javascript
小程序页面动态配置实现方法
2019/02/05 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
python中sets模块的用法实例
2014/09/30 Python
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
Python实现随机生成有效手机号码及身份证功能示例
2017/06/05 Python
Python设计模式之观察者模式简单示例
2018/01/10 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
通信工程专业女生个人求职信
2013/09/21 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
Go 实现英尺和米的简单单位换算方式
2021/04/29 Golang
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis