使用jquery实现AJAX技术的几种方法
2016-07-03 19:35
621 查看
1. load(url,[data],[callback])把返回的数据放到指定元素中
2. getJSON方法:可以为.txt或者.json文件都可以
$.getJSON("Handler/college.ashx",{method:"add_bar"},
function (response,status, xhr) {
console.log(response);
a = response;
})
3. $.getScript("myjs.js",function(data){})用于执行js文件,返回的data只是字符串
4. $.get(URL,data,function(data,status,xhr),dataType)
$.get("Handler/college.ashx", { method:
"add_bar" },
function (data) {
console.log(data) },"json")
多用于请求数据,不添加data参数
5. $.post(URL,data,function(data,status,xhr),dataType)
$.post("Handler/college.ashx", { method:
"add_bar" },
function (data) {
console.log(data) },"json")
多用于发送数据,添加data参数
6. $(selector).serialize()将表单中所有带有name属性的元素值序列化,生成标准url编码文字字符串
7. $.ajax()是最底层最强大的ajax方法。可以从.txt或者.json获取数据
$.ajax({
url:
"sport.txt",
dataType:
"text",//"json"
success:
function (json) {
myjson = json;
}
});
8. $.ajaxSetup({}),用于设置全局的选项值(如dataType、success、contentType),后面的$.ajax()就不需要设置这些参数
9. $(selector).ajaxStart(function())和$(selector).ajaxStop(function())用于在ajax请求发送前触发的函数和请求完成后触发的函数
2. getJSON方法:可以为.txt或者.json文件都可以
$.getJSON("Handler/college.ashx",{method:"add_bar"},
function (response,status, xhr) {
console.log(response);
a = response;
})
3. $.getScript("myjs.js",function(data){})用于执行js文件,返回的data只是字符串
4. $.get(URL,data,function(data,status,xhr),dataType)
$.get("Handler/college.ashx", { method:
"add_bar" },
function (data) {
console.log(data) },"json")
多用于请求数据,不添加data参数
5. $.post(URL,data,function(data,status,xhr),dataType)
$.post("Handler/college.ashx", { method:
"add_bar" },
function (data) {
console.log(data) },"json")
多用于发送数据,添加data参数
6. $(selector).serialize()将表单中所有带有name属性的元素值序列化,生成标准url编码文字字符串
7. $.ajax()是最底层最强大的ajax方法。可以从.txt或者.json获取数据
$.ajax({
url:
"sport.txt",
dataType:
"text",//"json"
success:
function (json) {
myjson = json;
}
});
8. $.ajaxSetup({}),用于设置全局的选项值(如dataType、success、contentType),后面的$.ajax()就不需要设置这些参数
9. $(selector).ajaxStart(function())和$(selector).ajaxStop(function())用于在ajax请求发送前触发的函数和请求完成后触发的函数
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- java-WEB中的监听器Lisener
- GUI - Web前端开发框架
- Extjs4.0 最新最全视频教程
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- JavaScript 各种遍历方式详解