转载 ----HTML5 ---js实现json方式提交数据到服务端

json提交给服务器我们在提交之前需要通过js的相关函数来把数据转换成json格式的数据再进行post或get了，下面来看看。

大概需求就是前端要把数据组装成json，传给后端。首先，在客户端，通过javascript脚本将页面表单数据封装成json格式.getjsondata()函数完成了这一功能.然后我们通过$.ajax()方法将数据发送到服务端，其中用到了json.stringify()方法，它可以将客户端发送地数据转换成json对象

直接上代码：

代码如下

复制代码

$.ajax({
        type: "POST",
        url: "RequestData.ashx",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(GetJsonData()),
        dataType: "json",
        success: function (message) {
            if (message > 0) {
                alert("请求已提交！我们会尽快与您取得联系");
            }
        },
        error: function (message) {
            $("#request-process-patent").html("提交数据失败！");
        }
    });
});

function GetJsonData() {
    var json = {
        "classid": 2,
        "name": $("#tb_name").val(),
        "zlclass": "测试类型1,测试类型2,测试类型3",
        "pname": $("#tb_contact_people").val(),
        "tel": $("#tb_contact_phone").val()
    };
    return json;

上面的例子是在博客园找到的，但这是最简单的一种json格式，我们在做项目中肯定会遇到json里有数组，然后我改造了以下，也直接上代码吧，

代码如下

复制代码

$.ajax({
       type: "POST",
       url: "RequestData.do",
       contentType: "application/json; charset=utf-8",
       data: JSON.stringify(GetJsonData()),
       dataType: "json",
       success: function (message) {
           if (message > 0) {
            $(".posting").remove();
               $(".main_con").append("<p style='text-align:center; padding:20px 0; background:#03f430;color:#fff;'>提交数据成功！</p>");
           }
       },
       error: function (message) {
        $(".posting").remove();
        $(".main_con").append("<p style='text-align:center; padding:20px 0;background:#f4031a;color:#fff;'>提交数据失败！</p>");
       }
   });
   function GetJsonData() {
    var teamdata=[];
    for(var i=0; i<$(".onjob-lsit tr").length; i++){
        var teamobj ={
            "teamRelname":$(".teamRelname").eq(i).text(),
            "teamTel":$(".teamTel").eq(i).text(),
            "teamStartDate":$(".teamStartDate").eq(i).text(),
            "teamEndtDate":$(".teamEndtDate").eq(i).text(),
            "teamRemark":$(".teamRemark").eq(i).text()
        };
        teamdata.push(teamobj);
    }

    var json = {
        "onteamName": $(".onteamName").val(),
        "forteamName": $(".forteamName").val(),
        "teamList":teamdata

    };
    return json;
    }

php如何接收post过来的JSON数据

POST过来的JSON数据，一般直接用接受就好
打个比方

var allUnivList = [{
        "id": 1,
        "univs": [{
            "id": 1001,
            "name": "清华大学"
        },
        {
            "id": 1002,
            "name": "北京大学"
        }],
        "country_id": 0,
        "name": "北京"
    }]
 
//比如你传递的是上面这个JSON格式，在PHP端，举个用JQ提交的例子：
$.ajax({
                url: "test.php",
                type: "post",
                data: { allcity: allUnivList},
                success: function (data) {                  
                      alert(data);
                },
                error: function () {
                    alert("系统异常!");
                }
            });

以上是JS部分，以下是PHP部分：

//一般直接使用
$allcity=$_POST['allcity'];
echo $allcity['name'];

这样alert出来的结果应该是北京

mysql_set_charset('utf8');
$datas=$_GET['getDatas'];
//print_r($datas);
$user = json_decode($datas,true);
// echo var_dump($user);
print_r($user);

转载网站:

http://www.111cn.net/wy/jquery/112697.htm

http://bbs.csdn.net/topics/390643303