js——ajax传递json数据

json数据

{
"name":"sdfad",
"age":"2354"
}

PHP后台

<?php
echo file_get_contents("12-ajax-json.txt");
?>

前台数据接收

<script>
        window.onload = function () {
            var btn = document.getElementById('btn');
            btn.onclick = function () {
                Ajax({
                    url: '12-ajax-json.php',
                    type: 'Post',
                    data:{},
                    timeout: 3000,
                    success: function (j) {
                        var json=j.responseText;
                        console.log(json);
                        //parse在IE8及以下不支持 需引入json2.js框架兼容
                        var obj=JSON.parse(json);
                        console.log(obj.name);
                        console.log(obj.age);
                    },
                    error: function (j) {
                        console.log(j.status);
                    }
                })
            }
        }
    </script>

<body>
<button id="btn">click</button>
</body>

json数据和js对象互换:

//转json
var json=Json.stringify(obj);
//转obj
var obj=Json.parse(json);//仅可转换标准json数据
var obj=eval("("+json+")");//万能转换

ps:若想知道Ajax封装函数 请看:https://blog.csdn.neAt/lucky541788/article/details/81807896

猜你喜欢

转载自blog.csdn.net/lucky541788/article/details/81807916