HTML5+MUI实现ajax的⼀个demo
index.html
<!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>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
function postdata(){
var input_name = ElementById("namevalue").value;
//          alert(input_name);
mui.ajax({
url : '127.0.0.1:8080/_ajax/ServerJson.php',
type : 'post',
headers: {
'Content-Type': 'application/json'
},
data : { name : input_name },
timeout : 10000,
success : function(data){
//                              console.log(data);
var result = eval('('+ data +')');    //js原⽣⽅法解析json字符串为json对象
},
error : function(xhr,type,errorThrown){
console.log(xhr);
console.log(type);
console.log(errorThrown);
}
});
}
</script>
</head>
<body>
输⼊：<input type="text" id="namevalue"></input>
<button id="btn" onclick="postdata()">发送ajax请求</button>
<br /><br />
结果：<input type="text" id="result" value="结果"></input>
</body>
</html>
phpjson.php
<?php
if($_SERVER["CONTENT_TYPE"]=="application/json"){
$input = file_get_contents('php://input');
$name = $input;
echo$name;
mui框架常用方法
}else{
echo "Post Data Error";
}
>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。