jq中的ajax
jq对ajax进行了封装,在jq中$.ajax()方法是最底层的方法,第二层是load() , get() , post()方法,第三层是$.getScript()和$.getJSON().基本第二种方法用到多
1.load()方法
load()方法是ajax中最为简单跟常用的ajax方法,能载入远程的HTML代码并插入到DOM中。它的结构是
load(url[,data][,callback]);
参数解释:url:请求HTML页面的URL地址
data:发送至服务器的key/value数据
callback:请求完成时的回调函数,无论请求成功或失败
1.load()方法的url的语法结构是“url selector”;
url和selector中间有空格,
例:$('#obj').load('text.html .css');
2.传递方式
load()的传递方式根据参数data来自动指定,如果没有参数传递,则用get方式传递,反之则会自动转换到post
例://无参数传递,则用get
$('#obj').load('text.php',function(){
})
//有参数时,用post
$('#obj').load('text.php',{name:"rain"},function(){
})
3.回调参数
对于必须在加载完成之后才能继续的操作,load()方法提供了回调函数(callback);该函数有三个参数,分别代表请求返回的内容,请求状态,XMLHttpRequest对象
例:
$('#obj').load('text.html',function(responseText,textStatus,XMLHttpRequest){
//responseText:请求返回的内容
//textStatus:请求状态 success error notmodified timeout4种
//XMLHttpRequest:XMLHttpRequest对象
})
在load()中,无论Ajax请求是否成功,只有当请求完成(complete)后,回调函数就被触发
load()方法通常用来从web服务器上获取静态的数据文件,然而这并不能体现ajax的全部价值。在项目中,如果要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或者$.ajax()方法
2.$.get()方法
$.get()方法使用GET方式来进行异步请求
语法结构:$.get(url[,data][,callback][,type]);
参数解释:
url:请求的HTML页的URL地址
data:发送至服务器的key/value数据会作为jquerystring附加到URL中
callback:载入成功时的回调函数(只有当response的返回状态是success才调用该方法)自动将请求结果和状态传递给该方法
type:服务器端返回内容的格式,包括xml,html,script,json,text,-default;
$.get()的回调函数只有两个参数
function(data,textStatus){
//data:返回的内容可以是XML文档 JSON文件HTML片段
//textStatus:请求状态:sucess error notmodified ,timeout等
}
jq中的ajax的更多相关文章
- jq中的ajax传参
一. jq中的Ajax传参有两种 1.通过url地址来传参 2.通过data来传递参数 1. url来传递参数 function GetQuery(id) { | ...
- JQ中的Ajax的封装
1.认识JQ中ajax的封装 jQ 对于ajax的封装有两层实现:$.ajax 为底层封装实现:基于 $.ajax ,分别实现了$.get 与$.post 的高层封装实现: 2.Ajax的底 ...
- jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
- JS模式:jq中简单的模式--》采摘自js设计(tomxu_version)
<!DOCTYPE html> <html> <head> <title></title> </head> <body&g ...
- [转]JQ中$(window).load和$(document).ready区别与执行顺序
一.$(window).load().window.onload=function(){}和$(document).ready()方法的区别 1.$(window).load() 和window.on ...
- 原生及jq方式使用ajax
1.原生js实现Ajax方法: // 封装ajax()方法 function ajax(url,fnSucc,fnFaild){ //1.创建Ajax 对象 if(window.XMLHttpRequ ...
- 分析一下jquery中的ajax操作
在web前端开发中,ajax是很重要的一项技术,用原生写起来很是麻烦,需要一大堆js代码,而到了jq里就被精简了许多,一起来看看: jquery中的ajax分为三种方式: 1.$.get(),get方 ...
- onload事件属性,JQ中的load,ready方法
onload事件属性,JQ中的load,ready方法 前言 页面中的很多操作,需要我们在所需资源下载完成后,才可以进行操作,而资源没有及时下载,我们进行操作的话,是会报错.因此我们需要熟练掌握哪些事 ...
- vue - Vue中的ajax
只有在ajax才能找回一点点主场了,vue中的ajax一天整完,内容还行,主要是对axios的运用. 明天按理说要开始vuex了,这个从来都是只耳闻没有眼见过,明天来看看看看是个什么神奇的东西. 一. ...
随机推荐
- 在CentOS linux上通过yum安装JDK<转>
卸载centos自带的jdk 1.查看当前的jdk版本,并卸载 [root@localhost opt]# rpm -qa|grep java java-1.6.0-openjdk-1.6.0.3 ...
- php 实现简易模板引擎
1.MVC简介 MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式(详情自己百度): 1. Model(模型)表示应用程序核心 ...
- C# 中的局部static变量
其实这问题没什么可讨论的,C#不支持局部静态变量. 但还是想了一下C#为什么不支持局部静态变量,以下均是个人想法. C++和C支持局部静态变量,也就是在一个函数的内部声明一个静态变量,这种变量的特定如 ...
- NOIP2015普及组第四题推销员
好久没有写博客了,今天再写一篇.还是先看题: 试题描述 阿明是一名推销员,他奉命到螺丝街推销他们公司的产品.螺丝街是一条死胡同,出口与入口是同一个,街道的一侧是围墙,另一侧是住户.螺丝街一共有 N 家 ...
- jQuery.on() 函数详解[http://www.365mini.com/page/jquery-on.htm]
中文手册 2014年09月01日 暂无评论 on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数 ...
- 【第四篇】androidEventbus源代码阅读和分析
1,分析androidEventbus的注册源代码: 我们在使用androidEventbus的第一步是注册eventbus,如下代码: EventBus.getDefault().register( ...
- 反编译app方法
如果你没有代码,那么可以反编译该app. 这里将用到2个工具,分别是dex2jar和jd-gui.你可以在这里下载目前为止的最新版本以及示例apk. 我们以工具包里的ContactManager.ap ...
- MFC应用程序编写实例—完整版(原创)
前段时间,将近花了一周至两周上班和上班后的闲余时间,做了一个用于调试和测试工作项目的应用软件,下面将实现软件的重要步骤及主要功能讲解一遍,方便日后查阅. 程序开始后,提示登录框,输入用户名,密码后,登 ...
- 第十一节,编辑器软件PyCharm 5.0.3
编辑器软件PyCharm 5.0.3 设置 主题方案 字体大小 行距 文件模板 文件编码 版本切换
- assert()函数用法
assert是定义在头文件cassert中的宏 其作用是如果他的返回值不为真则终止程序. assert(expression); if 为假,先向stderr打印一条错误信息,再用abort终止程序 ...