reactjs jsx ajax,React ajax数据展示

var React = require('common:static/libs/react/react.min.js');

var ReactDOM = require('common:static/libs/react/reactdom.min.js');

var DatetimePicker = require('common:widget/components/datatimePicker/datatimePicker.jsx');

var UserShutup = React.createClass({

mixins: [React.addons.PureRenderMixin],

getInitialState() {

return {

data:[]

};

},

getDefaultProps() {

return{

};

},

shutupChange(event){

var self = this;

var targetShutup = +event.target.value;

},

confirmShutup(){

var self = this;

var endTime;

if($.getTimeFromString($('#userShutupDatePicker').val())===0){

endTime = null;

}

else{

endTime = $.getTimeFromString($('#userShutupDatePicker').val());

}

if($('.selectOption').children('option:selected').val() === "解封"){

$.ajax({

url:'/admin/api/user/cancelshutup',

type:'POST',

data:{

uid:self.props.uid,

endTime:self.props.endTime

},

dataType:'json',

cache: false

}).done(function (data){

if(data.result.successful){

alert("解封成功")

}

else{

alert(data.result.errno + ':' + data.result.description);

}

})

}

else{

$.ajax({

url:'/admin/api/user/shutup',

type: 'POST',

data: {

uid:self.props.uid,

endTime:self.props.endTime

},

dataType: 'json',

cache: false

}).done(function (data){

if(data.result.successful){

alert("禁言成功！")

}

else{

alert(data.result.errno + ':' + data.result.description);

}

});

}

return false;

},

// componentDidMount:function() {

// var self = this;

// $.get(self.props.source,function(result){

// if(self.isMounted()){

// self.setState({

// uid:data.data.uid,

// uname:data.data.uname,

// endTime:data.data.endTime

// });

// }

// }.bind(this))

// }

queryShutup() {

var self = this;

var uid = self.state.uid;

$.ajax({

url:'/admin/api/user/shutupQueryAll',

type:'POST',

data:{

},

dataType:'json',

cache: false

}).done(function (data){

if(data.result.successful){

self.setState({data:data.data});

console.log(data)

}

else{

alert(data.result.errno + ':' + data.result.description);

}

});

return false;

},

renderDatetimePicker(){

var self = this;

return (

到期时间：

)

},

render() {

var self = this;

function getThrow(){

var self = this;

return(

ID名称禁言等级操作

);

}

function showShutupList (){

var self = this;

return(

{

self.state.data.map(function (n){

return (

{n.uid}{n.uname}{n.endTime}——

)

})

}

)

}

return (

禁言

解封

{self.renderDatetimePicker()}

确定

查询封禁用户

{getThrow()}

{showShutupList()}

)

}

});

module.exports = UserShutup;

请输入代码