mui的ajax例子1

Posted 卖女孩的小火柴2号

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui的ajax例子1相关的知识,希望对你有一定的参考价值。

mui.ajax()方法,get请求

前端页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>

<link href="css/mui.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/iconfont.css"/>
<script src="js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">

</script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">测试</h1>
</header>
<div class="mui-content">
<button type="button" id="btn1">点击测试</button>
</div>
<script type="text/javascript">
mui.init();
mui.plusReady(function(){
document.getElementById(‘btn1‘).addEventListener(‘tap‘,function(){
mui.ajax({
url : ‘http://m.baoxianbox.cn/index.php?m=Home&c=Index&a=ceshi‘,
type : ‘GET‘,
success : function(data){
mui.toast(data);
},
error : function(xhr,type,errorThrown){
mui.toast(type);
}
});
});
});
</script>

</html>

后端thinkphp控制器中

public function ceshi(){
if(IS_GET){
//$data=M(‘ping‘)->select();
$data=‘你好‘;
$this->ajaxReturn($data,‘json‘);
$this->display();
}
}













































以上是关于mui的ajax例子1的主要内容,如果未能解决你的问题,请参考以下文章

MUI跨域请求数据的例子:

MUI 实现下拉刷新上拉加载的简单例子

MUI 图片上传剪切预览,可选(拍照+系统相册)

mui封装的ajax请求

hbuilder 混合app开发扫描二维码功能例子

MUI AJAX Raw请求数据