效果图
ajax异步加载
第一步:收集数据
var name = $("#link-man").val();
var phone = $("#link-phone").val();
var category = $('#category').val();
第二步,将这些数据存进一个data{}的对象里面
var data =
{
name:name,
cellphone:phone,
type_name:category
};
第三步,将data传到指定的receive_operate.php文件去
$.ajax({
url: './ajax/receive_operate.php',
data: data,
dataType: 'json',
type: 'POST',
cache: false,
beforeSend: function()
{
},
success: function(data)
{
var code = data.code;
var msg = data.msg;
if (code > 1)
{
$("#sign-up-pop").addClass('dn');
$("#submit-succ-pop").removeClass('dn');
}
else{
alert(msg);
}
},
error: function()
{
},
complete: function()
{
}
});
第四步,receive_operate.php接收前面页面发送过来的data数据
$cellphone = iconv("UTF-8","GBK",$_INPUT['cellphone']);
$name = iconv("UTF-8","GBK",$_INPUT['name']);
$type_name = iconv("UTF-8","GBK",$_INPUT['type_name']);
第五步后台数据进一步校验
if (empty($name))
{
$msg = '请输入联系人';
}
if (empty($cellphone))
{
$msg = '请输入手机号码';
}
if (empty($type_name))
{
$msg = '请选择品类';
}
第六步,打印数据,将数据传回前台。
$obj = POCO::singleton( 'pai_topic_class' );
$ret = $obj -> add_daiyunying_enroll($cellphone, $name, $type_name);
$output_arr = array(
'msg'=> $msg,
'code'=> $ret
);
echo json_encode($output_arr);
第七步,前台接收到后台传回的数据从而进行判断处理。
success: function(data)
{
var code = data.code;
var msg = data.msg;
if (code > 1)
{
$("#sign-up-pop").addClass('dn');
$("#submit-succ-pop").removeClass('dn');
}
else{
alert(msg);
}
},