ajax异步加载

效果图

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",$_INPUT['name']);
$type_name = iconv("UTF-8",$_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);
                }
            },