JSON HTML
- ముందు పేజీ JSON PHP
- తరువాత పేజీ JSON JSONP
జెఐఎస్ఒ జావాస్క్రిప్ట్లో మార్పిడి చేయడం చాలా సులభం.
జావాస్క్రిప్ట్ వెబ్ పేజీలో హెచ్టిఎంఎల్ తయారు చేయడానికి ఉపయోగిస్తారు.
హెచ్టిఎంఎల్ పట్టిక
జెఐఎస్ఒను అందుకున్న డాటాను ఉపయోగించి పట్టిక తయారు చేయండి:
ఉదాహరణ
obj = { "table":"customers", "limit":20 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {}}
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
txt += "<table border='1'>"
for (x in myObj) {
txt += "<tr><td>" + myObj[x].name + "</td></tr>";
}
txt += "</table>"
document.getElementById("demo").innerHTML = txt;
}
}
xmlhttp.open("POST", "json_demo_db_post.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
డైనమిక్ హెచ్టిఎంఎల్ పట్టిక
ఎండ్ని మీద డౌన్ లిస్ట్ విలువలపై ఆధారపడే హెచ్టిఎంఎల్ పట్టిక: ఒక ఎంపిక చేయండి: కస్టమర్స్ ప్రాడక్ట్స్ సప్లయర్స్
ఉదాహరణ
<select id="myselect" onchange="change_myselect(this.value)">
<option value="">Choose an option:</option>
<option value="customers">Customers</option>
<option value="products">Products</option>
<option value="suppliers">Suppliers</option>
</select>
<script>
function change_myselect(sel) {
వార్తలు obj, dbParam, xmlhttp, myObj, x, txt = "";
obj = { "table":sel, "limit":20 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
txt += "<table border='1'>"
for (x in myObj) {
txt += "<tr><td>" + myObj[x].name + "</td></tr>";
}
txt += "</table>"
document.getElementById("demo").innerHTML = txt;
}
};
xmlhttp.open("POST", "json_demo_db_post.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
}
</script>
హైల్ట్ డౌన్ లిస్ట్
అందుకున్న JSON డాటాను హైల్ట్ డౌన్ లిస్ట్లో ఉపయోగించండి:
ఉదాహరణ
obj = { "table":"customers", "limit":20 };
dbParam = JSON.stringify(obj);
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {}}
if (this.readyState == 4 && this.status == 200) {
myObj = JSON.parse(this.responseText);
txt += "<select>"
for (x in myObj) {
txt += "<option>" + myObj[x].name;
}
txt += "</select>"
document.getElementById("demo").innerHTML = txt;
}
}
xmlhttp.open("POST", "json_demo_db_post.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("x=" + dbParam);
- ముందు పేజీ JSON PHP
- తరువాత పేజీ JSON JSONP
