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 相关文章推荐
js获取本机的外网/广域网ip地址完整源码
Aug 12 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
JavaScript检测实例属性, 原型属性
Feb 04 Javascript
jQuery网页右侧广告跟随滚动代码分享
Apr 20 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
JS实现进度条动态加载特效
Mar 25 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
PHP批量生成缩略图的代码
2008/07/19 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
php 伪静态之IIS篇
2014/06/02 PHP
PHP使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
js 左右悬浮对联广告特效代码
2014/12/12 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
2014/12/14 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
2015/03/04 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
详解JavaScript中this关键字的用法
2016/05/26 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
nodejs之get/post请求的几种方式小结
2017/07/26 NodeJs
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
css3实现文字扫光渐变动画效果的示例
2017/11/07 HTML / CSS
详解Canvas事件绑定
2018/06/27 HTML / CSS
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
个人实用的自我评价范文
2013/11/23 职场文书
个人融资协议书
2014/10/02 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
利用Apache Common将java对象池化的问题
2022/06/16 Servers