ajax的理解

function goe_local(){ //ip同步到服务端

$.ajax({
url:'ajax_ip.php',/*对应的php文件*/
type: 'POST',
data:'ip='+$('.srcs').val(),
dataType: 'html',
timeout: 50000,
error: function(){
alert('Error loading XML document');
},
success: function(aaa){
// alert($('.srcs').val());

$('.ips').attr('value',aaa);
//alert(html);
}
});
}



html====php
url指明的对应的处理服务器php文件


type：提交方式 post，get提交到对应php文件


date：提交的变量值 相当于php里的$ip=某个节点的值


datetype：服务器文件处理完毕后返回数据的格式，"html": 返回纯文本 HTML 信息


timeout：最大响应超时时间


error 和success是返回的提示：失败，成功
成功后：调用function(aaa) 其中aaa为php处理完毕后返回的数据
$('.ips').attr('value',aaa); 就是把返回的数据写到input方法里的value里面


success: function(aaa){
$('.ips').html(aaa);}:把返回值写到对应的div节点上面，<div class="ips">aaa</div>




实现的效果是：客户端数据提交到服务端处理，并且同步返回，不需要刷新 同步处理
其中对应的php输出的数据指定到ajax里面，也就说aaa变量，只是把值传到这里面了
想把他放到html页面，必须写个容器来让他显示，如下：
<input class="ips" id="ips" type="hidden" name="ips" value="" />
<input type="hidden" name='src' value="" id="src" class="srcs" onchange="goe_local()"/>
第一个是把返回值 显示出来
第二个是把触发goe_local()方法，ajax需要事件来触发