<script type="text/javascript">
/*context
类型:Object
这个对象用于设置 Ajax 相关回调函数的上下文。也就是说,让回调函数内 this 指向这个对象
(如果不设定这个参数,那么 this 就指向调用本次 AJAX 请求时传递的 options 参数)
。比如指定一个 DOM 元素作为 context 参数,
这样就设置了 success 回调函数的上下文为这个 DOM 元素。
*data
类型:String
发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
processData
类型:Boolean
默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
*
*/
$(function(){
$("#sss").click(function(){
/*
JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。
如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据)
,则需要使用 jsonp 类型。使用这种类型的话,
会创建一个查询字符串参数 callback=? ,这个参数会加在请求的 URL 后面。
服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求。
如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。
http://192.168.1.47/api/gm/sss?callback=jsonp1350908364322&version=20120922111508,
(服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求)指的就是jsonp1350908364322({'msg':'kkk'})
如果指定了 script 或者 jsonp 类型,那么当从服务器接收到数据时
,实际上是用了 <script> 标签而不是 XMLHttpRequest 对象。这种情况下,$.ajax()
不再返回一个 XMLHttpRequest 对象,并且也不会传递事件处理函数,
比如 beforeSend。
$.ajax({
url:'http://192.168.1.37/api/gm/sss?callback=?',
data:'version=20120922111508',
dataType:"jsonp",
jsonp:"zhangkang",//可以把当前的callback=? 换成zhangkang=?
success:function(data){
alert("Symbol: " + data.result + ", Price: " + data.msg);
}
}); */
$.ajax({
url:"http://192.168.1.37/ajax2/servercontrol/control-server?",
data:"cmd=log_statues&version=20120922111508&cmd_query=&ip_port=192.168.1.113:9090&totalserver=2111&server_id=1111&platform=4399&server_tag=4399_1111",
dataType:"json",
// content:'document.body',
beforeSend:function(XMLHttpRequest){
XMLHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//alert(XMLHttpRequest.readyState);
//alert(XMLHttpRequest.status);
},
success:function(data){
var json_datas = data;
var json_super_val = json_datas.server_staues_ip;
var addition = json_datas.addition;
view_contron_results(" "+json_datas.msg
+"<font> 追加:"+addition,'14','log_statues');
// alert('success');
// alert("msg: " + json_datas.msg + ", addition: " + addition);
},
complete:function(XMLHttpRequest,textStatus){
//alert(XMLHttpRequest.readyState+'complete');
//alert(XMLHttpRequest.status+'complete');
//alert(XMLHttpRequest.textStatus+'complete');
},
error:function(XMLHttpRequest,textStatus,errorThrown){//textStatus,errorThrown 只有一个包含数据
//alert(XMLHttpRequest.readyState);
//alert(XMLHttpRequest.status);
//alert(XMLHttpRequest.textStatus);
},
/*dataFilter:function(data,type)
{
alert(data.parseJSON().msg);
}*/
});
});
//jquery问题 如何区分ajax的不同请求以实现两个不同的loading条的显示
$("#sss").ajaxStart(function(e, xhr, settings){
//alert("ajaxStart");
$("#div").show().html("加载中。。。。");
}).ajaxSend(function(e, xhr, settings){
$("#div").html("加载50%。。。。");
//alert("ajaxSend");
}).ajaxStop(function(e, xhr, settings){
//alert("ajaxstop");
// $(this).html('<img width="100px" height="100px" src="http://t3.baidu.com/it/u=2032295565,385284422&fm=52&gp=0.jpg"/>');
}).ajaxSuccess(function(e, xhr, settings){
$("#div").html('<img width="100px" height="100px" src="http://t3.baidu.com/it/u=2032295565,385284422&fm=52&gp=0.jpg"/>');
// alert("ajaxSuccess");
}).ajaxComplete(function(){
// alert("ajaxComplete");
});
function view_contron_results(res,id,cmd){
var already_res=$('#result_iframe').html();
if(already_res!=''){
already_res+="<div cmd='"+cmd+"' id='control_res_"+id+"' class='nodone'>";
}
var now_res=already_res+res+"</div>";
$('#result_iframe').html(now_res);
}
});
</script>
<div id="result_iframe"></div>
<div id='div' style='display:none;' name='div'></div>
<input type='button' name='sss' id='sss' value='ceshi'/>
/*context
类型:Object
这个对象用于设置 Ajax 相关回调函数的上下文。也就是说,让回调函数内 this 指向这个对象
(如果不设定这个参数,那么 this 就指向调用本次 AJAX 请求时传递的 options 参数)
。比如指定一个 DOM 元素作为 context 参数,
这样就设置了 success 回调函数的上下文为这个 DOM 元素。
*data
类型:String
发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
processData
类型:Boolean
默认值: true。默认情况下,通过data选项传递进来的数据,如果是一个对象(技术上讲只要不是字符串),都会处理转化成一个查询字符串,以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。
*
*/
$(function(){
$("#sss").click(function(){
/*
JSON 数据是一种能很方便通过 JavaScript 解析的结构化数据。
如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据)
,则需要使用 jsonp 类型。使用这种类型的话,
会创建一个查询字符串参数 callback=? ,这个参数会加在请求的 URL 后面。
服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求。
如果要指定回调函数的参数名来取代默认的 callback,可以通过设置 $.ajax() 的 jsonp 参数。
http://192.168.1.47/api/gm/sss?callback=jsonp1350908364322&version=20120922111508,
(服务器端应当在 JSON 数据前加上回调函数名,以便完成一个有效的 JSONP 请求)指的就是jsonp1350908364322({'msg':'kkk'})
如果指定了 script 或者 jsonp 类型,那么当从服务器接收到数据时
,实际上是用了 <script> 标签而不是 XMLHttpRequest 对象。这种情况下,$.ajax()
不再返回一个 XMLHttpRequest 对象,并且也不会传递事件处理函数,
比如 beforeSend。
$.ajax({
url:'http://192.168.1.37/api/gm/sss?callback=?',
data:'version=20120922111508',
dataType:"jsonp",
jsonp:"zhangkang",//可以把当前的callback=? 换成zhangkang=?
success:function(data){
alert("Symbol: " + data.result + ", Price: " + data.msg);
}
}); */
$.ajax({
url:"http://192.168.1.37/ajax2/servercontrol/control-server?",
data:"cmd=log_statues&version=20120922111508&cmd_query=&ip_port=192.168.1.113:9090&totalserver=2111&server_id=1111&platform=4399&server_tag=4399_1111",
dataType:"json",
// content:'document.body',
beforeSend:function(XMLHttpRequest){
XMLHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//alert(XMLHttpRequest.readyState);
//alert(XMLHttpRequest.status);
},
success:function(data){
var json_datas = data;
var json_super_val = json_datas.server_staues_ip;
var addition = json_datas.addition;
view_contron_results(" "+json_datas.msg
+"<font> 追加:"+addition,'14','log_statues');
// alert('success');
// alert("msg: " + json_datas.msg + ", addition: " + addition);
},
complete:function(XMLHttpRequest,textStatus){
//alert(XMLHttpRequest.readyState+'complete');
//alert(XMLHttpRequest.status+'complete');
//alert(XMLHttpRequest.textStatus+'complete');
},
error:function(XMLHttpRequest,textStatus,errorThrown){//textStatus,errorThrown 只有一个包含数据
//alert(XMLHttpRequest.readyState);
//alert(XMLHttpRequest.status);
//alert(XMLHttpRequest.textStatus);
},
/*dataFilter:function(data,type)
{
alert(data.parseJSON().msg);
}*/
});
});
//jquery问题 如何区分ajax的不同请求以实现两个不同的loading条的显示
$("#sss").ajaxStart(function(e, xhr, settings){
//alert("ajaxStart");
$("#div").show().html("加载中。。。。");
}).ajaxSend(function(e, xhr, settings){
$("#div").html("加载50%。。。。");
//alert("ajaxSend");
}).ajaxStop(function(e, xhr, settings){
//alert("ajaxstop");
// $(this).html('<img width="100px" height="100px" src="http://t3.baidu.com/it/u=2032295565,385284422&fm=52&gp=0.jpg"/>');
}).ajaxSuccess(function(e, xhr, settings){
$("#div").html('<img width="100px" height="100px" src="http://t3.baidu.com/it/u=2032295565,385284422&fm=52&gp=0.jpg"/>');
// alert("ajaxSuccess");
}).ajaxComplete(function(){
// alert("ajaxComplete");
});
function view_contron_results(res,id,cmd){
var already_res=$('#result_iframe').html();
if(already_res!=''){
already_res+="<div cmd='"+cmd+"' id='control_res_"+id+"' class='nodone'>";
}
var now_res=already_res+res+"</div>";
$('#result_iframe').html(now_res);
}
});
</script>
<div id="result_iframe"></div>
<div id='div' style='display:none;' name='div'></div>
<input type='button' name='sss' id='sss' value='ceshi'/>