Q&A
書いてあるのは、ajaxでjsonを取ってくるコードだけですよ？dom操作の一つでも書いてあれば、助けることも出来そうですが、これじゃ全部書かなきゃならないですよ。
###前提・実現したいこと
JSON data をボタン機能を使ってHTMLのテーブルに入れたいのですが全く分かりません。
助けてください。分かり辛く読みにくいと思いますがよろしくお願いします。
###該当のソースコード
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>XMLHTTP Simple Synchronous Call Example</title> <script type="text/javascript" src="AJAXGeneral.js"></script> <script type="text/javascript"> function RemoveWitheSpaces(parent) { while (parent.firstChild.nodeType == 3 && parent.firstChild.nodeValue.match(/\s/)) parent.removeChild(parent.firstChild); } function MakeXMLHTTPCall1() { var xmlHttpObj = CreateXmlHttpRequestObject(); if (xmlHttpObj) { //last parameter on false indicates a synchronous call xmlHttpObj.open("GET", "http://" + location.host + "/ConsumerData.json", false); xmlHttpObj.send(null); //just put content on the screen! var resultLocation = document.getElementById("sync_results"); try { //window.eval("var jsonResult=" + xmlHttpObj.responseText); var jsonResult = window.JSON.parse(xmlHttpObj.responseText); } catch (e) { alert("Incorrect JSON string!"); return; } } } function MakeXMLHTTPCall2() { var xmlHttpObj = CreateXmlHttpRequestObject(); if (xmlHttpObj) { //last parameter on false indicates a synchronous call xmlHttpObj.open("GET", "http://" + location.host + "/ConsumerDataMasterDetail.json", false); xmlHttpObj.send(null); //just put content on the screen! var resultLocation = document.getElementById("sync_results"); try { //window.eval("var jsonResult=" + xmlHttpObj.responseText); var jsonResult = window.JSON.parse(xmlHttpObj.responseText); } catch (e) { alert("Incorrect JSON string!"); return; } } } </script> </head> <body> <button id="MakeXMLHTTPCall1">ConsumerData</button> <button id="MakeXMLHTTPCall2">ConsumerDataMasterDetail</button> <table id="ConsumerData" border="1"> <tr><td>Name</td></tr> <tr><td>City</td></tr> <tr><td>Phone Number</td></tr> <tr><td>Quantity</td></tr> <tr><td>Price</td></tr> </table> <div> </div> </form> </body> </html>
ConsumerData.json
{"Table": {"Style":"background-color:Yellow;", "Consumer_Data": [ {"CName":"Hoffer","City":"Wausau","PName":"Computer","Quantity":"100","Price":"760.9900"}, {"CName":"Hoffer","City":"Wausau","PName":"TV","Quantity":"1000","Price":"190.9900"}, {"CName":"Hoffer","City":"Wausau","PName":"Orange","Quantity":"100","Price":"0.8000"}, {"CName":"Gray","City":"Wausau","PName":"Computer","Quantity":"100","Price":"798.9900"}, {"CName":"Gray","City":"Wausau","PName":"Auto","Quantity":"10","Price":"788.9900"}, {"CName":"Gray","City":"Wausau","PName":"Milk","Quantity":"10000","Price":"1.8000"}, {"CName":"Gray","City":"Wausau","PName":"Oil","Quantity":"100000","Price":"1.0000"}, {"CName":"Gray","City":"Wausau","PName":"Orange","Quantity":"100","Price":"0.9500"}, {"CName":"Fisher","City":"Wausau","PName":"Computer","Quantity":"100","Price":"790.9900"}, {"CName":"Fisher","City":"Wausau","PName":"Auto","Quantity":"10","Price":"7809.9900"}, {"CName":"Fisher","City":"Wausau","PName":"TV","Quantity":"1000","Price":"186.9900"}, {"CName":"Fisher","City":"Wausau","PName":"Milk","Quantity":"10000","Price":"1.9900"}, {"CName":"Fisher","City":"Wausau","PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"CName":"Fisher","City":"Wausau","PName":"Orange","Quantity":"100","Price":"0.9000"}, {"CName":"Franklin","City":"Wausau","PName":"Computer","Quantity":"100","Price":"799.9900"}, {"CName":"Franklin","City":"Wausau","PName":"Auto","Quantity":"10","Price":"7809.9900"}, {"CName":"Franklin","City":"Wausau","PName":"TV","Quantity":"1000","Price":"189.9900"}, {"CName":"Franklin","City":"Wausau","PName":"Milk","Quantity":"10000","Price":"1.9900"}, {"CName":"Franklin","City":"Wausau","PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"CName":"Franklin","City":"Wausau","PName":"Orange","Quantity":"100","Price":"0.8900"}, {"CName":"Steel","City":"New York","PName":"Computer","Quantity":"100","Price":"798.9900"}, {"CName":"Steel","City":"New York","PName":"Auto","Quantity":"10","Price":"7897.9900"}, {"CName":"Steel","City":"New York","PName":"TV","Quantity":"1000","Price":"196.9900"}, {"CName":"Steel","City":"New York","PName":"Milk","Quantity":"10000","Price":"1.9000"}, {"CName":"Steel","City":"New York","PName":"Oil","Quantity":"100000","Price":"1.0000"}, {"CName":"Steel","City":"New York","PName":"Orange","Quantity":"100","Price":"0.9000"}, {"CName":"Steel","City":"New York","PName":"Truck","Quantity":"100000","Price":"1.0000"}, {"CName":"Steel","City":"New York","PName":"Airplane","Quantity":"100","Price":"89.9000"}, {"CName":"Hammer","City":"New York","PName":"Computer","Quantity":"100","Price":"790.9900"}, {"CName":"Hammer","City":"New York","PName":"Auto","Quantity":"10","Price":"7890.9900"}, {"CName":"Hammer","City":"New York","PName":"TV","Quantity":"1000","Price":"190.9900"}, {"CName":"Hammer","City":"New York","PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"CName":"Hammer","City":"New York","PName":"Orange","Quantity":"100","Price":"0.9900"} ] } }
ConsumerDataMasterDetail.json
{"Table": {"Style":"background-color:Yellow;", "Consumer_Data": [ {"CName":"Hoffer","City":"Wausau", "Products":[ {"PName":"Computer","Quantity":"100","Price":"760.9900"}, {"PName":"TV","Quantity":"1000","Price":"190.9900"}, {"PName":"Orange","Quantity":"100","Price":"0.8000"} ] }, {"CName":"Gray","City":"Wausau", "Products":[ {"PName":"Computer","Quantity":"100","Price":"798.9900"}, {"PName":"Auto","Quantity":"10","Price":"788.9900"}, {"PName":"Milk","Quantity":"10000","Price":"1.8000"}, {"PName":"Oil","Quantity":"100000","Price":"1.0000"}, {"PName":"Orange","Quantity":"100","Price":"0.9500"} ] }, {"CName":"Fisher","City":"Wausau", "Products":[ {"PName":"Computer","Quantity":"100","Price":"790.9900"}, {"PName":"Auto","Quantity":"10","Price":"7809.9900"}, {"PName":"TV","Quantity":"1000","Price":"186.9900"}, {"PName":"Milk","Quantity":"10000","Price":"1.9900"}, {"PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"PName":"Orange","Quantity":"100","Price":"0.9000"} ] }, {"CName":"Franklin","City":"Wausau", "Products":[ {"PName":"Computer","Quantity":"100","Price":"799.9900"}, {"PName":"Auto","Quantity":"10","Price":"7809.9900"}, {"PName":"TV","Quantity":"1000","Price":"189.9900"}, {"PName":"Milk","Quantity":"10000","Price":"1.9900"}, {"PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"PName":"Orange","Quantity":"100","Price":"0.8900"} ] }, {"CName":"Steel","City":"New York", "Products":[ {"PName":"Computer","Quantity":"100","Price":"798.9900"}, {"PName":"Auto","Quantity":"10","Price":"7897.9900"}, {"PName":"TV","Quantity":"1000","Price":"196.9900"}, {"PName":"Milk","Quantity":"10000","Price":"1.9000"}, {"PName":"Oil","Quantity":"100000","Price":"1.0000"}, {"PName":"Orange","Quantity":"100","Price":"0.9000"}, {"PName":"Truck","Quantity":"100000","Price":"1.0000"}, {"PName":"Airplane","Quantity":"100","Price":"89.9000"} ] }, {"CName":"Hammer","City":"New York", "Products":[ {"PName":"Computer","Quantity":"100","Price":"790.9900"}, {"PName":"Auto","Quantity":"10","Price":"7890.9900"}, {"PName":"TV","Quantity":"1000","Price":"190.9900"}, {"PName":"Oil","Quantity":"100000","Price":"1.0900"}, {"PName":"Orange","Quantity":"100","Price":"0.9900"} ] } ] } }
ネット上にあるサンプルを見てコピペしているのですか？ であればその URL を書いてください。その前に一度 https://teratail.com/help/question-tips に目を通すことをお勧めします。
何が分からないか書いて下さい。全部分からないならまだあなたはここで質問をする段階ではありません。入門サイトなり入門書籍を読んでください。
あなたの回答
tips
プレビュー
