ajax 实战使用
注意ajax 必须放在script脚本中使用
ajax用于前端朝后端提交数据,并且后端函数处理好结果返回给success函数作为回调函数给前端,前端拿到后端传来的值,比如code==0 来做相应的前端渲染
Ajax
局部刷新
异步提交
ajax提交数据基本写法
$('#b1').click(function(){
$.ajax({
url:'', # 不写默认朝当前路径提交
type:'post', # 提交数据的方式
data:{'name':'jason'},
success:function(data){
console.log(data)
}
})
})
前端提交数据的编码方式------------->contentType
urlencoded name=jason&pwd=123&xxx=xxx
formdata 文件格式
application/json {"name":"jason"}
注意:在写web相关的项目的时候,一定要指定你提交的数据到底是什么编码格式
你在提交数据的时候,不能骗后端
ajax提交提交json格式数据
$('#b1').click(function(){
$.ajax({
url:'', # 不写默认朝当前路径提交
type:'post', # 提交数据的方式
data:JSON.stringify({'name':'jason'}),
contentType:'application/json'
success:function(data){
console.log(data)
}
})
})
ajax上传文件
1.上传文件需要使用内置对象FormData
$("#btn").click(function () {
//上传文件,必须用FormData,生产一个formdata对象
var formdata=new FormData();
formdata.append('name',$("#name").val()); # 也支持传键值对的数据
//取出文件$("#myfile")[0].files拿到的是文件列表,取第0个把具体的文件取出来
formdata.append('myfile',$("#myfile")[0].files[0]);
$.ajax({
url:'/index/',
type:'post',
//不预处理数据,(name=lqz&age=18)
processData:false,
//指定往后台传数据的编码格式(urlencoded,formdata,json)
//现在用formdata对象处理了,就不需要指定编码格式了,不要给我编码了
contentType:false,
data:formdata,
success:function (data) {
alert(data)
}
})
最新文章
- SE(homework3)_敏捷模型
- noi 04:求整数的和与均值
- debian bcm43* 无线网卡驱动
- [leetcode]算法题目 - Reverse Nodes in k-Group
- C里面的类型字节长度和范围
- SQL中一种类似GUID值的函数实现
- input 表单点击消失离开出现
- 关于IOCP,某些地方就是不让人彻底舒服(WSASend重叠post数据)
- HTTP基础知识(一)
- 【openstack N版】——云主机调整大小\冷迁移
- linux7 udev的生效
- linux中变量的一些操作方法
- 题解——Codeforces Round #507 (based on Olympiad of Metropolises) T1 (模拟)
- 【C#】委托中的匿名函数与lambda
- 【Android开发】构建Android源码编译环境
- How to use jQuery countdown plugin
- H2内存数据库支持存储到文件
- xss跨站脚本攻击汇总
- PostgreSQL的psql客户端各种连接错误总结
- Git克隆与更新代码
热门文章
- firefox下jquery ajax 返回 [object XMLDocument]处理
- nodejs npm 常用配置
- shell读取文件第一行和最后一行,小数的运算比较
- 科学把妹法 ( ̄▽ ̄)";
- python 标准模块和第三方模块
- [CSP-S模拟测试]:斯诺(snow)(数学+前缀和+树状数组)
- 原生写一个一键获取所有DOM元素的方法
- 公司-ofo:ofo
- generate ascii table
- 14.Jmeter聚合报告各项含义