js的面向对象使用,传参的新方式,时间格式的传递
来源:互联网 发布:sfda数据查询 编辑:程序博客网 时间:2024/06/05 12:44
js的面向对象使用,传参的新方式,时间格式的传递
引入前端框架无非是用其样式和js
1,js就是从Java演变过来的,所以内部的js类像Java中的类一样用,js中像Java中一样实例化js中的类,用var接。其他用法一样
2,ajax中的data参数可以是json格式,也可以是url后缀格式,ajax会根据传输类型自动转化(get/post)
3,jsp传到后台的时间格式(字符串),后台如果pojo是date需要用@DateTimeFormat pattern中的格式要和jsp传过来的一致才能接到,也就说jsp也要传和pattern格式一样的字符串日期
java pojo:
@XmlTransient
@NotNull
@DateTimeFormat(pattern = "yyyyMMdd")
private Date tranDate;
js:
class RTable extends React.Component {
constructor(props) {
super(props);
//初始数据
this.products = products;
this.state = {
datas:[],
totalSize: 0,
sizePerPage: 5,
page: 1
}
//数据行选中配置
this.selectRowProp = {
mode: 'radio',
onSelect: this.onRowSelect,
onSelectAll: this.onSelectAll
}
this.ajaxRequestData = this.ajaxRequestData.bind(this);
this.handlePageChange = this.handlePageChange.bind(this);
this.handleSizePerPageChange = this.handleSizePerPageChange.bind(this);
}
componentDidMount(){
//请求第1页数据,且每页显示5条
alert(12);
this.ajaxRequestData();
}
}
//DOM加载完成
componentDidMount(){
//请求第1页数据,且每页显示5条
alert(12);
this.ajaxRequestData();
}
/*******************************************************************/
ajaxRequestData(page = this.state.page, sizePerPage = this.state.sizePerPage) {
alert("请求第" + page + "页数据,每页显示" + sizePerPage);
const currentIndex = (page - 1) * sizePerPage;
this.setState({
datas: products.slice(currentIndex, currentIndex + sizePerPage),
totalSize: products.length,
page:page,
sizePerPage:sizePerPage
})
//ajax加载数据
$.ajax({
url:this.props.url,
data:this.props.data,
type:'post',
success:function(str,msg,response){
if(response.statusText=="success"){
var result = JSON.parse(response.responseText);
this.setState({
datas:products
});
}
}.bind(this),
error:function(str,msg,response){
}.bind(this)
});
}
externalModalOnSave= (object) =>{
alert("添加"+object)
alert(11);
var dt= new Date().getTime();
var rt=new RTable();/////////////////////////////////js中像Java中一样实例化js中的类,用var接
var props={url:"",data:""};
props.url="http://localhost:8080/queryPayInstructionStatus";
////////////////////////ajax中的data参数可以是json格式,也可以是url后缀格式,
props.data=object+"&tranFunc=1021&counterId=69530&qydm=9012&servType=01&tranDate="+formatDate(new Date())+"&thirdLogNo="+new Date().getTime();//"&tranFunc=1021&tranDate="+formatDate(new Date());//+"&thirdLogNo="+new Date().getTime();//"&tranFunc=1021&counterId=69530&qydm=9012&servType=01&tranDate="+formatDate(new Date())+"&thirdLogNo="+new Date().getTime();//"supAcctId=1&paySerialNo=6";
rt.constructor(props);
rt.componentDidMount();
}
//20170327格式
var formatDate = function (date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? '0' + m : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
return y + m + d;
};
- js的面向对象使用,传参的新方式,时间格式的传递
- 利用面向对象的方式来使用JS
- 面向对象的js编程方式
- js 面向对象的几种方式
- js 模拟面向对象的方式
- js面向对象的几种方式。
- Android --- 使用Intent传递对象的方式
- 使用js进行时间格式的验证
- js中面向对象(创建对象的几种方式)
- 面向对象的js
- js的面向对象
- 面向对象的js
- js的面向对象
- 面向对象的JS
- js的面向对象
- JS的面向对象
- js的面向对象
- js的面向对象
- zookeeper的两种分布式锁的源代码点评
- zookeeper的进程锁,多线程及负载原理的理解
- oracle笔记第一篇——表分区及分区索引
- Execute框架
- css hacker
- js的面向对象使用,传参的新方式,时间格式的传递
- php 基本语法
- 深入浅出nodejs学习笔记--第四章 异步编程
- 线程池满了如何处理及spring参数设置:
- volatile 和 synchronized区别
- .NET- 可以Load元素以数字开头的XML吗?
- php 变量
- JavaWeb连接Oracle数据库并使用了PLSQLDeveloper客户端配置context.xml
- mvc框架线程安全问题