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();
}
}

时间: 2024-02-20 00:18:37

mui的ajax例子1的相关文章

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记 1.  模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q

jquery ajax例子

(1)取得服务端当前时间 jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...}) load():如果无参的话,就以GET方式发送 如果有参的话,就以POST方式发送 (2)检查注册用户名是否存在 $.get(url,sendData,function(backData,textStatus,xhr){... ...}) $.post(url,sendData,function(backData,textStat

MUi 框架ajax请求WebService接口

mui.init(); mui.plusReady(function() { document.getElementById('login').addEventListener('tap',function() { var UserName=document.getElementById("account").value; var Userpassword= hex_md5(document .getElementById("password").value); m

mui蒙版使用例子

<!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&g

struts + json + ajax 例子

一,用到的jar包 1.后期添加. 1.js代码 function showcomplex(dataResponse)   {   var data = eval('(' + dataResponse.responseText + ')');   var str='';   for(var i=0;i<data.js.length;i++)   {    str+='<ul>';   str+='<li>'+data.js[i].id+'</li>';   str

WB AJax 例子2 第二种方法

前台代码不变 , 后台C# 代码需要建一个类  网页显示效果不变 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data; using System.Data.SqlClient; /// <summary> /// DB 的摘要说明 /// </summary> public class DB { public DB() { //

简单Ajax例子

一.概述 1.程序执行流程: (1)点击id="testBtn"的按钮,触发validate(); (2)validate()中有调用request.open方法与server交互(在url指定的jsp页面中,调用writer编写了xml文件并以responseXML返回给request); (3)交互状态有变时会调用callback函数,callback判定状态,若交互成功则读取responseXML中的值; (4)根据读取到的responseXML中的值动态生成innerHTML返

mui.ajax中文乱码

估计这是个bug: 1 //mui 的 ajax 中文乱码 2 var url = 'http://api.juheapi.com/japi/toh?key=1f26c107d8864bdfb98202bc314ce0d5&month=11&day=25&v=2.0' 3 mui.ajax(url,{ 4 dataType:'json', 5 type:'post', 6 timeout:5000, 7 success:function(data){ 8 console.log(d

IronPython+Anthem.Net也玩 Ajax!

在 IronPython 搭建的项目中(也可以是和 C# 的混合项目,详见我前一篇 post),可以使用 Anthem.NET 来轻松实现 Ajax 功能. 下面我简单的演示一个例子:在页面上我们分别放一个 Anthem 的文本框和按钮控件,点击按钮时,用异步回调的方式更改文本框中的值.代码很简单: 页面 ajax1.aspx: <%@ Page Language="IronPython" CodeFile="ajax1.aspx.py" %><%