分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ajax介绍

发布时间:2023-09-06 01:27责任编辑:彭小芳关键词:暂无标签

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介绍

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved