ajax介绍

标签：jquer   字典   $.ajax   cli   baidu   gif   pass   字符串   rip   

Ajax偷偷向后台发请求：
1. 下载引入jQuery
2.
$.ajax({
url: ‘/add_classes.html‘,
type: ‘POST‘,
data: {‘username‘:‘root‘,‘password‘: ‘123‘},
success:function(arg){
// 回调函数，arg是服务端返回的数据
}
})

1.
Python序列化
字符串 = json.dumps(对象) 对象->字符串
对象 = json.loads(字符串) 字符串->对象

JavaScript:
字符串 = JSON.stringify(对象) 对象->字符串
对象 = JSON.parse(字符串) 字符串->对象

应用场景：
数据传输时，
发送：字符串
接收：字符串 -> 对象
2. ajax

$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘:‘v1‘},
success:function(arg){
// arg是字符串类型
// var obj = JSON.parse(arg)
}
})


$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘:‘v1‘},
dataType: ‘JSON‘,
success:function(arg){
// arg是对象
}
})


$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘:[1,2,3,4]},
dataType: ‘JSON‘,
success:function(arg){
// arg是对象
}
})

发送数据时：
data中的v

a. 只是字符串或数字
$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘:‘v1‘},
dataType: ‘JSON‘,
success:function(arg){
// arg是对象
}
})
b. 包含属组
$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘:[1,2,3,4]},
dataType: ‘JSON‘,
traditional: true,
success:function(arg){
// arg是对象
}
})

c. 传字典

b. 包含属组
$.ajax({
url: ‘http//www.baidu.com‘,
type: ‘GET‘,
data: {‘k1‘: JSON.stringify({}) },
dataType: ‘JSON‘,
success:function(arg){
// arg是对象
}
})


3. 事件委托

$(‘要绑定标签的上级标签‘).on(‘click‘,‘要绑定的标签‘,function(){})

$(‘要绑定标签的上级标签‘).delegate(‘要绑定的标签‘,‘click‘,function(){})

ajax介绍

标签：jquer   字典   $.ajax   cli   baidu   gif   pass   字符串   rip   

原文地址：https://www.cnblogs.com/benchdog/p/9275857.html