AJAX—— XML && JSON (PHP)

XML:

<?xml version="1.0" encoding="UTF-8"?>
<Person>
    <name>hjy</name>
    <age>18</age>
</Person>

PHP:

<?php
    header("content-type:text/xml, charset:utf-8");
    echo file_get_contents("AJAX_XML.xml");
?>

ajax 获取 xml 数据:

            ajax({
                    type: "get",
                    url: "AJAX_XML.php",
                    success : function(xmlhttp) {
                        var xml = xmlhttp.responseXML;
                        var name = xml.getElementsByTagName('name')[0];
                        var age = xml.getElementsByTagName('age')[0];
                        console.log(name.innerHTML, age.innerHTML);
                    },
                    error: function(xmlhttp) {
                        console.log(xmlhttp.status);
                    }
                });

 

JSON:

{
    "name" : "hjy",
    "height" : "180cm"
}

PHP:

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

ajax 获取 json 数据:

            ajax({
                    type:"get",
                    url:"xml_json.php",
                    timeout:3000, 
                    success: function(xmlhttp) {
                        var json = xmlhttp.responseText;
                        //注意:低版本的IE浏览器不支持 JSON.parse() 方法,可以使用 json2.js  这个文件来兼容
                        var obj = JSON.parse(json); 
                        console.log(obj.name)
                    }, 
                    error: function(xmlhttp) {
                        console.log("error");
                    },
                
                });

 

posted @ 2020-02-23 22:16  shumeihh  阅读(97)  评论(0编辑  收藏  举报