数据交互 ajax代码整理
请求列表通用
/**
**加载对应的试卷套题
**
*/
function loadQuestions(){
var businessSubClass = {
pageNo:pageNo,
pageSize:10,
status:0,
targetId:userId
}
$.ajax({
url:apiUrl+"XXXXXXXXX",
type: "get",
data:businessSubClass,
success:function(data, status, xhr){
if(data.status==0){
var list = data.lst;
console.log(list);
var html = "";
$("#msgData").html("");
for (var i = 0; i < list.length; i++) {
var obj=list[i];
html += '<li>';
html += '<div>'+obj.content+' </div>';
html += '<p class="child5">'+obj.showCreateTime+'</p>';
html += '<div></div>';
}
$("#msgData").append(html);
}else{
alert(data.msg);
}
}
});
}
保存方法通用
saveRemarks: function () {
var orderId = $("#orderId").val();
var notes=$("#notes").val();
var data = {
userId: LS.get(config.userId),
notes:notes,
orderId: orderId
};
$.ajax({
url: config.hostIp+"/XXXXXXXX",
type: 'post',
data: data,
headers: {token: LS.get(config.token)},
success: function(data, status) {
if (data.status == 0) {
$.message({"state":'success',"msg":"保存成功"});
$("#iptOrder").modal("hide");
Policy.loadData(1);
}else {
$.message({"state":'info',"msg": data.msg});
}
},
error: function(err) {
$.message({"state":'info',"msg":"保存失败"});
}
})
},
把数组转成json串
"{"commercial":"3783.19","compulsory":"950.00","endDate":"2017-07-01 05:06:22","options":[{"amount":"","code":"A","price":"3289.73","name":"机动车损失险","id":1},{"amount":"","code":"MA","price":"493.46","name":"不计免赔率险（机动车损失）","id":15}],"tax":"0","startDate":"2016-07-01 05:06:22"}"
var items=eval('('+obj.orderContent+')');
//输出：
界面加载完成后执行js的函数
一、JS方法 1.最简单的调用方式，直接写到html的body标签里面：
1
2
<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html> 2.在JS语句调用：
1
2
3
4
5
<script type="text/javascript">
function myfun()
{ alert("this window.onload"); } /*用window.onload调用myfun()*/
window.onload = myfun;//不要括号
</script> 3。
1
2
3
4
5
6
<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script> 二、JQ方法 1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。
1
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 }; 2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。
1
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 }); 还有一种简写方式
1
$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });
修改状态
/*用户提现*/
function extract(){
var myUserID="";
myUserID=uidList.substr(0,uidList.length-1);
console.log(myUserID);
var myData = {
gainIdStr:myUserID,
userId:userId//用户ID
};
$.ajax({
url:Constants.hostIp+"/XXX",
type: "post",
data:myData,
success:function(data, status, xhr){
if(data.status==0){
$.alert(data.msg);
}else{
$.alert(data.msg);
}
}
});
}
//问题 ：如果要组装一个"2,6,9"这样的id字符串 怎么实现比较好？
//数据最开始应该是这样的 [{id: 1}, {id: 2}, {id: 3}]
//数据源
{
"msg": null,
"total": 3,
"pageNo": 1,
"list": [
{
"pageNo": null,
"fromRec": null,
"toRec": null,
"recCount": null,
"pageSize": null,
"totalPages": null,
"orderBy": null,
"id": 1,
"userId": null,
"orderId": null,
"money": 10.00,
"postTime": null,
"startTime": null,
"endTime": null,
"typeCode": null,
"fromUser": 44,
"allMoney": 90.00,
"nowMoney": 90.00,
"icon": "http://wx.qlogo.cn/mmopen/4O8pHxfQHsY91omcj4CBNhZ9GpObeQiamUdHmCCIAWV7Jf23uqNuo0UYKVhF1Biad3G2nKHiaNp3ZzVCiclfxjibopbiadbYTVAjDy
/0",
"nickName": "蒋英",
"state": 0
},
{
"pageNo": null,
"fromRec": null,
"toRec": null,
"recCount": null,
"pageSize": null,
"totalPages": null,
"orderBy": null,
"id": 3,
"userId": null,
"orderId": null,
"money": 30.00,
"postTime": null,
"startTime": null,
"endTime": null,
"typeCode": null,
"fromUser": 45,
"allMoney": 90.00,
"nowMoney": 90.00,
"icon": "http://wx.qlogo.cn/mmopen/ibWAX0Xtd3AaxtU9tbA5BWKUaxWZU2I93Ehnm6HZ5A2o84zG05dXxLyOepnZib2xra15iaXfMeAdQyIDGhwMo84wY61HGATCn23
/0",
"nickName": "云D律",
"state": 0
},
{
"pageNo": null,
"fromRec": null,
"toRec": null,
"recCount": null,
"pageSize": null,
"totalPages": null,
"orderBy": null,
"id": 4,
"userId": null,
"orderId": null,
"money": 50.00,
"postTime": null,
"startTime": null,
"endTime": null,
"typeCode": null,
"fromUser": 46,
"allMoney": 90.00,
"nowMoney": 90.00,
"icon": "http://wx.qlogo.cn/mmopen/jZecD2k1d0AnsMJ2kTESIa6WnNdJG3zGe5kuicbsNresAB9AJtgKwslbCIcytQKvLV6aD91KDuRiagubDlKH7q5uuojvdUoxV0
/0",
"nickName": "姜大",
"state": 0
}
],
"status": 0
}
//方案一
var srtNum="";
//数据请求略
for(var i=0;i<list.length;i++){
var obj=list[i];
strNum+=obj.id+",";
}
var newStr=strNum.substr(0,strNum.length-1) //方案二：@贪狼兄
定义一个数组：var str=[];
for(var i=0;i<list.length;i++){
var obj=list[i];
str.push(obj.id)
}
所以得到数据以后 var abc =str.map(str=> str.id)
abc.join(",")
//方案三 推荐
for(var i=0;i<list.length;i++){
var obj=list[i];
str.push(obj.id);
}
console.log(str.join(",")); //1,2,6
提个思路
问题：请教 ： 在循环里面（不超过20次的循环） 拼字符串 和 往数组里面加值 哪个的效率更高？？
//方案二，可以不用拼"," 需要组装的时候调整一下
arry=[1,10,5,20,5]
[1, 10, 5, 20, 5]
arry.sort(function ascSort (a, b) { // a和b是数组中相邻的两个数组项
return a - b;
// 如果 return -1, 表示a小于b，a排列在b的前面
// 如果 return 1, 表示a大于b,a排列在b的后面
// 如果 return 0, 表示a等于b,a和b的位置保持不变
})
[1, 5, 5, 10, 20]
arry.sort(function t(a,b){return a-b})
[1, 5, 5, 10, 20]
数据交互 ajax代码整理的更多相关文章
- 前后数据交互(ajax) -- 初始化页面表格
// 初始化员工信息列表 function loadpage ( pageNum ) { var keywords = $("#keywords").val(); $(" ...
- ajax代码整理
$.ajax({ type: "post", [以POST或GET的方式请求.默认GET.PUT和DELETE也可以用,有的浏览器不支持] url: url, [请求的目的地址,须 ...
- 数据交互 ajax 初始化省
1 //初始化省 2 function initProvince() { 3 if( areaLvel == 0 ) { 4 return; 5 } 6 // 清空option 7 $("# ...
- 前端与后端数据交互的方式之ajax
前端与后端数据交互的方式之Ajax 对于前端学习而言,CSS+HTML+JavaScript的学习在自我学习的情况下掌握也不是很难,但是想要实现前后端的数据交互在没有指导的情况下学习会是一头雾水.接下 ...
- Windows窗体间的数据交互
轻松掌握Windows窗体间的数据交互 作者:郑佐 2004-04-05 Windows 窗体是用于 Microsoft Win ...
- 无废话ExtJs 入门教程二十[数据交互：AJAX]
无废话ExtJs 入门教程二十[数据交互:AJAX] extjs技术交流,欢迎加群(521711109) 1.代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C ...
- 玩转Web之Json（二）----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到 ...
- Ajax实现xml文件数据插入数据库（二）--- ajax实现与jsp的数据交互。
在上一篇文章中我们成功得到了重新组织后的数据,接下来需要做的便是将数据插入到数据库中了.在与数据库打交道的过程中有一些方法是普遍的,我们将这些通用方法封装到一个DbUtil类中,以便复用,封装好的Db ...
- ASP.Net WebAPI与Ajax进行跨域数据交互时Cookies数据的传递
前言 最近公司项目进行架构调整,由原来的三层架构改进升级到微服务架构(准确的说是服务化,还没完全做到微的程度,颗粒度没那么细),遵循RESTFull规范,使前后端完全分离,实现大前端思想.由于是初次尝 ...
随机推荐
- RAC SCAN
在介绍SCAN之前, 先简单的回顾一下ORACLE 关于IP 地址的命名用, 在9I RAC时, ORACLE没有自己的CLUSTERWARE, 主要依靠第三方的集群软件(如HACMP等), 客户端主 ...
- android Service Activity三种交互方式（付源码）
android SDK提供了Service,用于类似Linix守护进程或者windows的服务. Service有两种类型: 本地服务(Local Service):用于应用程序内部 远程服务(Rem ...
- SQL Server 地理数据库中的系统表
转自:http://resources.arcgis.com/zh-cn/help/main/10.1/index.html#/na/002q00000080000000/ 地理数据库的系统表可以强制 ...
- 使用Spring MVC 的表单控制器SimpleFormController
以注册过程为例,我们可能会选择继承AbstractController来实现表单的显示,继承AbstractCommandController来实现表单的处理 ,这样是可行的,但必须要维护两个控制器 ...
- [TVYJ1096]数字组合
时间: 1000ms / 空间: 131072KiB / Java类名: Main 描述 在N个数中找出其和为M的若干个数.先读入正整数N(1<N<100)和M(1<M<100 ...
- [CODEVS1216]跳马问题
题目描述 Description 题目 输入描述 Input Description 第一行两个正整数M,N(0<M,N≤300)分别表示行和列 第二行两个正整数,表示起点的行列坐标. 第三行两 ...
- andriod and linux kernel启动流程
虽然这里的Arm Linux kernel前面加上了Android,但实际上还是和普遍Arm linux kernel启动的过程一样的,这里只是结合一下Android的Makefile,讲一下boot ...
- 分享下VellLock源代码。。。VellLock正式开源
一个月前就准备发布,一直没网,今天在我同学家蹭了个网,就早点发布吧:点我获取源代码 简介地址:http://vell001.clanmark.com/forum/forum.php?mod=viewt ...
- 两个栈实现一个队列，C语言实现，队列可伸缩，容纳任意数目的元素。
一.思路:1.创建两个空栈A和B:2.A栈作为队列的入口,B栈作为队列的出口:3.入队列操作:即是入栈A:4.出队列操作:若栈B为空,则将A栈内容出栈并压人B栈,再出 B栈:不为空就直接出栈: 二.代 ...
- 互联网挣钱info
AdSense – Google 广告 http://www.freehao123.com/tag/mianfeiphpkongjian/ [免费资源部落;] ntpdate -u time-b.ti ...