jquery中的用ajax发送请求过程笔记
来源:互联网 发布:深入浅出的数据分析 编辑:程序博客网 时间:2024/06/03 18:03
$.ajax({}):发送数据是json的格式:{}表示json格式
success:回调函数 function(result){} result用来接收服务器返回的数据
type:请求类型 get post 默认是get
data:传递的数据 数据之间用&,可以是字符串或者是json格式
json格式:data:{name:"",realname:""} 属性值要加“” 不加就当做一个变量解析了
url:请求的url
cache:默认是true 缓存
async:默认为true
记住:属性值加“”,除了值boolean类型
前台ajax里面汉字不需要转码,后台需要转码
每个后面用逗号,隔开
2.ajax的get方式的请求:
$.get(url,data,success);
url加“”,data:{属性名:"属性值",属性名:"属性值"},
success:function(result){
}
记住:只需要三个参数,u d s
3.ajax的post请求:
$.post("url",data,success);
url加“”,data:{属性名:"属性值",属性名:"属性值"},
success:function(result){
}
记住:只需要三个参数,u d s
4.省市联动
select:三个select下拉列表
select属性: name,id
css:设置select样式,width,font-size,line-height行高,防止字体挤到一起
servlet:一个
script:函数:
1.查询所有省:根据父id,查找区县,
function getProvince(){
$.post("",{parentid:0},function(result){
//得到数组
var vararray = JSON.parse(result);
//得到另一个下拉列表元素对象
var $("#select01")
//遍历每个省 结果放在option,每次创建一个option,中间连接获取的对象省的值
"<option value="+vararray[i].areaid+">vararray[i].areaname</option>"
父jq对象.append(子jq对象);
getCity();
});//post无缓存
}
2.servlet:
处理乱码
获取parentID,jdbc,
查找数据库parentid的区域
sql,预处理,?设置值,查找,
得到结果集,获取每个地区的属性值
创建对象,初始化参数,用结果集得多参数的值
resultSet.getInt(n);
创建全局集合
把地区添加到集合中
//返回给ajax
判断集合中是否有值,有就返回,
resp.getWrite().print(集合对象);
//此时得到的是数组套数组格式,需要转换为json格式
创建json对象,
String json = new Gson().toJson(集合对象);
//
3.创建对象:存放数据更方便
属性:areaid,areaname,parentid,
arealevel,status,
//
服务器响应数据三种格式:文本,xml,json
获取json数据方式:el,json.parse()转为数组
4.获取县
给每个省的option添加一个onchange事件
查询对应省的城市
function getCity(){
从select1中获取选中省的id,
$().val();
$.post("",{parentid:varareaid},function(){
得到select2元素
每个option要添加areaid--拼接在上面
解析数据
清空子节点
遍历数组
创建option
添加节点
getTown();//
});
//记住:每次都要清空一下节点,否则就都连在一起
}
5.得到市下的县
function getTown(){
//获取市的areaid
$("#select2").val();
//发送post请求
$.post("",{},function(result){
//转换结果json为数组
}
}
6.刚开始不显示市和县
getProvidence下自动调用查询市的方法
getCity自动调用县的方法
记住:自动调用都放在回调函数里面,放在外面不起作用
在县和市中提交的数据是对应上级的areaid,后台根据areaid,查询parentid为areaid可以查询出parentid下的孩子
每次遍历完成后要清空孩子
关系图:
北京的parentid 0 areaid 1000
海淀 parentid 1000 areaid 100010
黄庄 parentid 100010 areaid 10001010
success:回调函数 function(result){} result用来接收服务器返回的数据
type:请求类型 get post 默认是get
data:传递的数据 数据之间用&,可以是字符串或者是json格式
json格式:data:{name:"",realname:""} 属性值要加“” 不加就当做一个变量解析了
url:请求的url
cache:默认是true 缓存
async:默认为true
记住:属性值加“”,除了值boolean类型
前台ajax里面汉字不需要转码,后台需要转码
每个后面用逗号,隔开
2.ajax的get方式的请求:
$.get(url,data,success);
url加“”,data:{属性名:"属性值",属性名:"属性值"},
success:function(result){
}
记住:只需要三个参数,u d s
3.ajax的post请求:
$.post("url",data,success);
url加“”,data:{属性名:"属性值",属性名:"属性值"},
success:function(result){
}
记住:只需要三个参数,u d s
4.省市联动
select:三个select下拉列表
select属性: name,id
css:设置select样式,width,font-size,line-height行高,防止字体挤到一起
servlet:一个
script:函数:
1.查询所有省:根据父id,查找区县,
function getProvince(){
$.post("",{parentid:0},function(result){
//得到数组
var vararray = JSON.parse(result);
//得到另一个下拉列表元素对象
var $("#select01")
//遍历每个省 结果放在option,每次创建一个option,中间连接获取的对象省的值
"<option value="+vararray[i].areaid+">vararray[i].areaname</option>"
父jq对象.append(子jq对象);
getCity();
});//post无缓存
}
2.servlet:
处理乱码
获取parentID,jdbc,
查找数据库parentid的区域
sql,预处理,?设置值,查找,
得到结果集,获取每个地区的属性值
创建对象,初始化参数,用结果集得多参数的值
resultSet.getInt(n);
创建全局集合
把地区添加到集合中
//返回给ajax
判断集合中是否有值,有就返回,
resp.getWrite().print(集合对象);
//此时得到的是数组套数组格式,需要转换为json格式
创建json对象,
String json = new Gson().toJson(集合对象);
//
3.创建对象:存放数据更方便
属性:areaid,areaname,parentid,
arealevel,status,
//
服务器响应数据三种格式:文本,xml,json
获取json数据方式:el,json.parse()转为数组
4.获取县
给每个省的option添加一个onchange事件
查询对应省的城市
function getCity(){
从select1中获取选中省的id,
$().val();
$.post("",{parentid:varareaid},function(){
得到select2元素
每个option要添加areaid--拼接在上面
解析数据
清空子节点
遍历数组
创建option
添加节点
getTown();//
});
//记住:每次都要清空一下节点,否则就都连在一起
}
5.得到市下的县
function getTown(){
//获取市的areaid
$("#select2").val();
//发送post请求
$.post("",{},function(result){
//转换结果json为数组
}
}
6.刚开始不显示市和县
getProvidence下自动调用查询市的方法
getCity自动调用县的方法
记住:自动调用都放在回调函数里面,放在外面不起作用
在县和市中提交的数据是对应上级的areaid,后台根据areaid,查询parentid为areaid可以查询出parentid下的孩子
每次遍历完成后要清空孩子
关系图:
北京的parentid 0 areaid 1000
海淀 parentid 1000 areaid 100010
黄庄 parentid 100010 areaid 10001010
阅读全文
0 0
- jquery中的用ajax发送请求过程笔记
- JQuery发送Ajax请求
- [Jquery]发送Ajax请求
- jQuery发送Ajax请求
- jQuery发送Ajax请求
- ThinkPHP用jQuery发送ajax请求问题
- 使用jquery中的$.Ajax 和$.post 发送请求 (基础写法)
- jquery中发送ajax请求
- 使用jQuery发送Ajax请求
- 使用jquery发送ajax请求
- JQuery的ajax请求过程
- 用JQuery发送Ajax请求是提示:拒绝访问 --Ajax跨域请求
- jQuery发送ajax请求,PHP响应ajax请求(含跨域)
- Ajax发送异步请求的完整过程
- jquery发送ajax请求返回数据格式
- 在jquery通过ajax发送异步请求
- jquery 循环调用ajax发送请求
- Jquery Ajax发送请求的方法
- 字符串问题---替换字符串中连续出现的指定字符串
- JAVA垃圾回收机制概要
- 【贪心例题专题】&贪心~越多越好哟~&
- 整合Struts,Spring,mybatis三个框架的helloworld
- Gazebo 官网教程学习笔记--Model Editor
- jquery中的用ajax发送请求过程笔记
- 【第3章】Python容器:列表、元组、字典与集合
- 关于函数strtok和strtok_r的使用要点和实现原理(二)
- MySQL主外键表关联表数据的同时删除
- 如何设置EditPlus保存时不生成bak文件
- 学生免费使用JetBrains系列产品
- dubbo与spring整合使用(服务与引用)
- Java连接Mysql(转至百度百科)
- poj 1150:The Last Non-zero Digit(求A(n, m)的最后一个非0位)