码迷,mamicode.com
首页 > Web开发 > 详细

JQuery异步提交

时间:2015-05-22 18:28:42      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

JQuery提交部分

$.ajax({
            url:‘www.baidu.com‘,    //提交的地址,相当于form的action
            type:‘POST‘,  //提交方式,相当于form的method
            data:$(‘#actor‘).serialize(),  //提交的数据,将整个表格序列化提交
            cache:false,
            dataType:"json",  //服务器返回的数据类型
            //成功后的操作
            success:function(data){  //data返回的数据
                if(data.status == "success"){
                    $(‘#error‘).show();
                    $(‘#error‘).html(data.Msg);
                }else{
                    $(‘#error‘).show();
                    $(‘#error‘).html(data.Msg);
                }
            }
        });
        window.location.reload();  //刷新页面
    }

后台接收

1 $unit = $_POST[‘actor‘];

由于提交时,data为将表单序列化,只要用$_POST即可获取指定name的数据。

该方法的优点是:前段后台分离,前端写好form,后台可直接异步获取!

要导入jquery.js

参考博文:$.ajax()方法详解

    JQuery异步提交表单

JQuery异步提交

标签:

原文地址:http://www.cnblogs.com/HuangWj/p/4522785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!