jQuery 中的 Ajax
jQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON().
load() 方法
load() 方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的 HTML 代码并插入到 DOM 中. 它的结构是: load(url[, data][,callback])
程序员只需要使用 jQuery 选择器为 HTML 片段指定目标位置, 然后将要加载的文件的 url 做为参数传递给 load() 方法即可
细节:
如果只需要加载目标 HTML 页面内的某些元素, 则可以通过 load() 方法的 URL 参数来达到目的.
通过 URL 参数指定选择符, 就可以方便的从加载过来的 HTML 文档中选出所需要的内容. load() 方法的 URL 参数的语法结构为 “url selector”(注意: url 和 选择器之间有一个空格)
传递方式: load() 方法的传递参数根据参数 data 来自动自定. 如果没有参数传递, 采用 GET 方式传递, 否则采用 POST 方式
对于必须在加载完才能继续的操作, load() 方法提供了回调函数, 该函数有三个参数: 代表请求返回内容的 data; 代表请求状态的 textStatus 对象和 XMLHttpRequest 对象
$("a").click(function(){//url:待装入 HTML 网页网址//args:JSON 格式var url = this.href + " h2";var args = {"time":new Date()};$("#details").load(url,args);return false;});
$.get() (或$.post()) 方法
$.get() 方法使用 GET 方式来进行异步请求. 它的结构是: $.get(url[, data][, callback][, type]);
$.get() 方法的回调函数只有两个参数: data 代表返回的内容, 可以是 XML 文档, JSON 文件, HTML 片段等;
textstatus 代表请求状态, 其值可能为: succuss, error, notmodify, timeout 4 种.
$.get() 和 $.post() 方法时 jQuery 中的全局函数, 而 find() 等方法都是对 jQuery 对象进行操作的方法.
$("a").click(function(){var url = this.href;var args = {"time":new Date()}//function: 回调函数,当相应结束时被触发,响应结果在data中$.get(url, args, function(data){var name = $(data).find("name").text();var email = $(data).find("email").text();var website = $(data).find("website").text();$("#details").empty().append("<h2><a href='mailto:" + email + "'>" + name + "</a></h2>").append("<a href='"+ website + "'>" + website + "</a>");});return false;});
$("a").click(function(){var url = this.href;var args = {"time":new Date()}$.getJSON(url, args, function(data){var name = data.person.name;var email = data.person.email;var website = data.person.website;$("#details").empty().append("<h2><a href='mailto:" + email + "'>" + name + "</a></h2>").append("<a href='"+ website + "'>" + website + "</a>");});//也可以用$.get()方法,在最后加上参数"JSON"return false;
});
转载于:https://www.cnblogs.com/linyueshan/p/5554748.html
jQuery 中的 Ajax相关推荐
- 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
- jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
- Jquery中使用ajax请求SSM后台时提示:org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
- jQuery系列(十四):jQuery中的ajax
1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...
- 用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
- 六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
- ajax post 没有返回_Ajax异步技术之三:jQuery中的ajax学习
jQuery中的Ajax学习: jQuery是js的一个轻量型框架,已经将js创建的操作进行了封装,而ajax也是js的一部分,所以jQuery也已经将ajax进行了封装. 封装: $.get(url ...
- jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据,表单序列化(异步获取表单内容)
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
- JQuery中使用Ajax赋值给全局变量失败异常的解决方法,jqueryajax
我们在用JQuery的Ajax从后台提取数据后想把它赋值给全局变量,但是却怎么都赋不进,为什么呢? 原因其实很简单,我们用的Ajax是异步操作,也就是说在你赋值的时候数据还没提取出来,你当然赋不进去, ...
最新文章
- 获取轮廓、获取内接矩形
- php扩展-ioncube组件的安装方法_Windows系统PHPStudy Web环境安装ionCube扩展软件
- angular 发布订阅
- python的日志简单使用
- Python学习:函数
- HDU - 1054 Strategic Game(最小点覆盖-二分图最大匹配)
- 知乎大神深入解析:单片机晶振脚原理是什么?
- python 核心编程 第一部分
- docker配置 注册中心
- win10基于anaconda下的tensorflow2.0.0及cuda10.0、cudnn安装成功
- ubuntu网络设置找不到有线连接_win7系统找不到网络打印机如何解决?局域网打印机共享怎么设置?...
- 【Python爬虫】之西瓜视频地址解密20210822
- 阿里联手数据港合建数据中心 服务金额至少40亿
- 经纬度格式转换-(互转 度转度分秒 度分秒转度……)
- android tv 国内使用,不花钱解决 Android TV 原生系统国内APP不显示图标
- AI公开课之NLP:19.04.04李航—字节跳动AILab总监《深度学习与自然语言处理:评析与展望》课堂笔记以及个人感悟
- vue+echarts实现仪表盘
- HCIA—代理ARP (路由式代理ARP+vlan内代理ARP+vlan间代理ARP) [理论+实验验证]
- Unicode 14 标准发布
- 数字滤波算法 在数字信号处理应用中使用微控制器
热门文章
- 《我也能做CTO之程序员职业规划》写作过程重播之二
- php验证用户名密码是否为空,【后端开发】php验证用户名密码是否为空
- jsp 修改的员工select怎么_jdbc+jsp实现简单员工管理系统|chu
- java复杂吗_java – 是哈希一个合适的解决方案吗?我过度复杂吗?
- 3D打印机分类与速度
- WaitForMultipleObjects用法详解
- python compile正则_Python 正则表达式:compile,match
- 用net连某台电脑c盘怎么连_关于电脑的4个冷知识,恐怕90%的人连第一个都不知道!...
- Python 代码性能优化技巧
- Redis Sentinel--运维管理