数据交互 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规范,使前后端完全分离,实现大前端思想.由于是初次尝 ...
随机推荐
- 转 脸书pop动画的五个步骤
http://blog.csdn.net/u013741809/article/details/38511741 5 Steps For Using Facebook Pop // 1. Pick ...
- 指尖下的js ——多触式web前端开发之一：对于Touch的处理
指尖下的js ——多触式web前端开发之一:对于Touch的处理 水果公司的那些small and cute的设备给我们提供了前所未有的用户体验.当用户在iphone和ipad上运指如飞的时候,那些使 ...
- Android 系统日期时间的获取
import java.text.SimpleDateFormat; SimpleDateFormat formatter = new SimpleDateFormat ("yyyy年MM月 ...
- LightOJ 1214 Large Division 水题
java有大数模板 import java.util.Scanner; import java.math.*; public class Main { public static void main( ...
- str*函数和大小端判断
#include <stdio.h> #include <assert.h> size_t mstrlen(const char *s) { assert(s != NULL) ...
- 洛谷P1238 走迷宫
洛谷1238 走迷宫 题目描述 有一个m*n格的迷宫(表示有m行.n列),其中有可走的也有不可走的,如果用1表示可以走,0表示不可以走,文件读入这m*n个数据和起始点.结束点(起始点和结束点都是用两个 ...
- HDU1247 - Hat’s Words(Trie树)
题目大意 给定一些单词,要求你把所有的帽子单词找出来,如果某个单词恰好由另外两个单词连接而成,那么它就是帽子单词 题解 先把所有单词插入到Trie树,然后判断每个单词是不是帽子单词,做法就是:对于第i ...
- JAVA_3lesson
程序设计守则 为了增加程序的可扩展性,维护性.可以采用interface, abstract 可以抽象出来:共同的方法,属性 开发系统时,主体构架使用接口,接口构成了系统的骨架. 要遵循开 ...
- Ⅴ.spring的点点滴滴--引用其他对象或类型的成员
承接上文 引用其他对象或类型的成员 .net篇(环境为vs2012+Spring.Core.dll v1.31) public class Person { public string Name { ...
- 微信开发第8章 通过accesstoken将长连接转换为短链接
业务场景:开发的过程中经常会有一些很长的链接,这个时候如果生成二维码,会导致扫码的过程中识别比较慢,如果存入数据库,会导致数据库的字段长度要设定的很长才行,所以把长连接转换为短链接就越来越重要了. 接 ...