使用JQ的AJAX json前后端传值实例

后端输出JSON内容代码（以PHP为例）

<?php
　　$array=array(
　　　　 'code'=>'217374',
　　    'name'=>'纪昌进',
 　　   'enname'=>'peter',
   　　 'date'=>'2020-09-25'
　　);
　　echo json_encode($array);
?>

 

前端取值代码

<html>
    <head>
        <title>test_json</title>
        <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        <script>
            $.ajax({
                    url:'http://test1:8080/test/json',
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        //var json = JSON.stringify(data);
                        document.getElementById("Text1").value = data.code;
                        document.getElementById("Text2").value = data.name;
                        document.getElementById("Text3").value = data.enname;
                        document.getElementById("Text4").value = data.date;
                        //alert(data.enname);

                    }
             });
        </script>
    </head>
    <body>
        test<br /><br />
        <input type='text' id='Text1' /><br /><br />
        <input type='text' id='Text2' /><br /><br />
        <input type='text' id='Text3' /><br /><br />
        <input type='date' id='Text4' /><br /><br />
    </body>
</html>

 

posted @ 2020-09-26 11:15  光与城工作组  阅读(172)  评论(0)  编辑  收藏  举报