AJAX中使用W3C DOM动态修改页面_dynamically editing page content-优快云博客

本文链接：https://blog.youkuaiyun.com/kaertiger/article/details/4454005

dinamicContent.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Dynamically Editing Page Content</title> <mce:script type="text/javascript"></mce:script> </head> <body> <h1>Search Real Estate Listings</h1> <form action="#"> Show listings from <select> <option value="50000">$50,000</option> <option value="100000">$100,000</option> <option value="150000">$150,000</option> </select> to <select> <option value="100000">$100,000</option> <option value="150000">$150,000</option> <option value="200000">$200,000</option> </select> <input type="button" value="Search" onclick="doSearch();"/> </form> <form action="#"> Show listings from <select> <option value="50000">$50,000</option> <option value="100000">$100,000</option> <option value="150000">$150,000</option> </select> to <select> <option value="100000">$100,000</option> <option value="150000">$150,000</option> <option value="200000">$200,000</option> </select> <input type="button" value="Search" onclick="doSearch();"/> </form> <span id="header"> </span> <span id="header"> </span> <table id="resultsTable" width="75%" border="0"> <tbody id="resultsBody"> </tbody> </table> <table id="resultsTable" width="75%" border="0"> <tbody id="resultsBody"> </tbody> </table> </body> </html>

dinamicContent.xml (假设服务器返回的数据以XML的形式，即该XML)

<?xml version="1.0" encoding="UTF-8"?> <properties> <property> <address>812 GWYN AVE</address> <price>$100,000</price> <comments>Quiet,serene neighborhood</comments> </property> <property> <address>812 GWYN AVE</address> <price>$100,000</price> <comments>Quiet,serene neighborhood</comments> </property> <property> <address>812 GWYN AVE</address> <price>$100,000</price> <comments>Quiet,serene neighborhood</comments> </property> </properties>