<元字符集=“UTF-8”>
<标题>EMS
<样式类型=“text/css”>
#ems{
位置：绝对;
左：50％;
宽度：400px;
高度：自动;
左边距：-200px;
背景: lightGreen;
文本对齐：居中;
最小高度：50px;
高度：500px;
overflow-y：滚动;
##overflow-x：隐藏；}ems输入{高度：25px;margin-top：10px;##}
##列表{
背景：lightBlue;
}
列表李{
文字-对齐：左；
}
< ;body>
<输入类型="text" id="code">
<输入类型=“按钮”值=“查询”id=“btn”>
<script type="text/javascript">
function ajax(data){
//data={data:"",dataType:"xml/json",type:"get/post"，url:"",asyn:"true/false",success:function(){},failure:function(){}}
//data:{username:123,password:456}
//data = 'username=123&password=456';
//第一步：创建xhr对象
var xhr = null;
if(window.XMLHttpRequest){//标准的浏览器
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
//第二步：准备发送前的一些配置参数
var type = data.type == 'get'?'get':'post';
var url = '';
if(data.url){
url = data.url;
if(type == 'get'){
url += "?" + data.data + "&_t="+new Date().getTime();
}
}
var flag = data.asyn == 'true'?'true':'false';
xhr.open(type,url,flag);
//第三步：执行发送的动作
if(type == 'get'){
xhr.send(null);
}else if(type == 'post'){
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(data.data);
}
//第四步：指定回调函数
xhr.onreadystatechange = function(){
if(this.readyState == 4){
if(this.status == 200){
if(typeof data.success == 'function'){
var d = data.dataType == 'xml'?xhr.responseXML:xhr.responseText;
data.success(d);
}
}else{
if(typeof data.failure == 'function'){
data.failure();
}
}
}
}
}
window.onload = function(){
//注册按钮单击事件
var btn = document.getElementById('btn');
var code = document.getElementById('code').value;
btn.onclick = function(){
var param = {
url:'07ems.php?code='+code,
type:'get',
dataType:'json',
success:function(data){
if(data.status == 0){
var list = data.data.info.context;
var tag = '';
for(var i=0;i<list.length;i++){
var item = list[i];
var desc = item.desc;
var t = new Date();
t.setTime(item.time+'000');
var str = t.getFullYear()+'年'+(t.getMonth()+1)+'月'+t.getDay()+'日'+(t.getHours()>12?' 下午':' 上午')+t.getHours()%12+':'+t.getMinutes()+':'+t.getSeconds();
tag += '<li><div>'+str+'</div><div>'+item.desc+'</div></li>';
}
var ul = document.createElement('ul');
ul.innerHTML = tag;
document.getElementById('list').appendChild(ul);
}else{
var info = data.msg;
document.getElementById('list').innerHTML = info;
}
},failure:function () {
alert(12);
}
};
ajax(param);
}
}
//练习题：用封装好的方法去实现昨天的EMS查询
</script>
</body>
</html>
PHP中文网2017-07-21 10:33:28
ajax_json.js
function ajax(){
try{
this.xmlHttp = new XMLHttpRequest();
}catch(e){
try{
this.xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
this.xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
alert("your web explorer not support AJAX");
return false;
}
}
}
}
ajax.prototype.doajax=function(){
var target,func,var_s,count,all_c,i,xmlHttp,appstr,obj;
target=arguments[arguments.length-2];
func=arguments[arguments.length-1];
var_s="";
count=0;
all_c=0;
for(i=0;i<arguments.length-2;i++){
if(count==0){
count=1;
if(all_c==0){
all_c=1;
var_s+=arguments[i];
}else{
var_s+="&"+arguments[i];
}
}else{
count=0;
var_s+=("="+escape(replaceall(arguments[i],"+","#add#")));
}
}
xmlHttp=this.xmlHttp;
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4 && xmlHttp.status==200){
appstr=unescape(unescape(xmlHttp.responseText));
obj=eval('('+appstr+')');
eval(func+"(obj);");
}
};
xmlHttp.open('POST',target,true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(var_s);
};
function replaceall(str,from,to){
while(str.indexOf(from)>=0){
str=str.replace(from,to);
}
return(str);
};
function aolk(olkt){
return replaceall(replaceall(olkt,"#brn#","\n"),"#brr#","\r");
}client: 文件名demo.html
<script src="ajax_json.js"></script>
<script>
function aa(pp){
alert(pp.linkman);
alert(aolk(pp.password[0].me));
alert(pp.password[1].you);
}
</script>
<textarea id=user></textarea><br>
<input type=button value="1111" onclick='$=new ajax();$.doajax("nm",document.all.user.value,"test_json.php","aa");'>server: 文件名test_json.php
<?php
function escape($str) {
preg_match_all("/[\x80-\xff].|[\x01-\x7f]+/",$str,$r);
$ar = $r[0];
foreach($ar as $k=>$v) {
if(ord($v[0]) < 128)
$ar[$k] = rawurlencode($v);
else
$ar[$k] = "%u".bin2hex(iconv("GB2312","UCS-2",$v));
}
return join("",$ar);
}
function unescape($str) {
$str = rawurldecode($str);
preg_match_all("/(?:%u.{4})|.+/",$str,$r);
$ar = $r[0];
foreach($ar as $k=>$v) {
if(substr($v,0,2) == "%u" && strlen($v) == 6)
$ar[$k] = iconv("UCS-2","GB2312",pack("H4",substr($v,-4)));
}
return join("",$ar);
}
function olk($olkt){
return str_replace("#add#","+",str_replace("\r","#brr#",str_replace("\n","#brn#",str_replace('"','\"',$olkt))));
}
$nm=unescape(stripslashes($_POST["nm"]));
echo escape('{"linkman":"1111","password":[{"me":"'.olk($nm).'"},{"you":"hello"}]}');