jQuery 的ajax操作
2017-04-30 16:17
357 查看
在工作中,我们会发现jQuery 中ajax非常实用并且很重要,今天就给大家简单介绍一下,让大家对其有些了解,方便在学习项目中使用。
关于jQuery 与ajax:
首先jQuery 提供了多个与ajax相关的方法,通过jQuery 与ajax方法能够使用http get和http post从远程服务器上请求文本、html、xml或json同时能够把这些外部数据直接载入网页的被选元素中。
jQuery 中ajax操作:
底层方法:
$selector.load()
$.ajax()简化方法:
$.get();
$.post();
$.getScript();
$.getJSON();
$.get方法:
$.get(
"url",
{username:"admin",password:"123"},
function(data){
}
);$.post方法:
jQuery 操作ajax的方法
$.ajsx({
url:"",//请求地址
type:"get",
dateType:"jsonp",
data:{}.//传递参数
success:function(){
//请求成功时的回掉函数,dom操作,处理数据
},
error:function(){
//请求失败时的操作,系统超时等错误提示
}
})
关于jQuery 与ajax:
首先jQuery 提供了多个与ajax相关的方法,通过jQuery 与ajax方法能够使用http get和http post从远程服务器上请求文本、html、xml或json同时能够把这些外部数据直接载入网页的被选元素中。
jQuery 中ajax操作:
底层方法:
$selector.load()
$.ajax()简化方法:
$.get();
$.post();
$.getScript();
$.getJSON();
$.get方法:
$.get(
"url",
{username:"admin",password:"123"},
function(data){
}
);$.post方法:
$.post( "url", {username:"admin",password:"123"}, function(data){ } );
jQuery 操作ajax的方法
$.ajsx({
url:"",//请求地址
type:"get",
dateType:"jsonp",
data:{}.//传递参数
success:function(){
//请求成功时的回掉函数,dom操作,处理数据
},
error:function(){
//请求失败时的操作,系统超时等错误提示
}
})
相关文章推荐
- jQuery - Ajax - readyState获取请求操作的当前状态
- 使用Jquery 来AJAX操作!
- jquery 关于ajax的操作
- 05_jQuery与Ajax的操作及应用
- jQuery实例--Ajax信息的增删改查等操作
- 用jQuery实现asp.net 2.0 treeview控件完全无刷新操作实例(AJAX的增、删、改、选择以及展开收缩节点)
- 利用jquery对ajax操作,详解原理(附代码)
- jquery+ajax+C#实现无刷新操作数据库数据
- Asp.net 更改Alert样式和后台注册Jquery的Ajax异步提交事件[包括处理前操作、处理后操作(注明:此方法只是作为参考,如有需要可自行修改)]
- jquery下ajax异步执行操作笔记
- Ajax/jQuery 各项基本操作
- jquery的ajax基本操作
- jQuery的AJAX操作分析
- Struts2-jquery-操作ajax返回json数据
- jquery随记---ajax之操作javascript对象
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- 使用jQuery简化ajax操作
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- c# jquery ajax json 操作
- 利用jquery对ajax操作,详解原理(附代码)