| <html> |
| <head> |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> |
| <title>datajs startup perf test</title> |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
| <script type="text/javascript" src="./scripts/datajs-2.0.0.js"></script> |
| <script type="text/javascript" src="./scripts/tools.js" ></script> |
| <style type="text/css"> |
| .code{font-family:"Courier New",monospace;font-size:13px;line-height:18px;} |
| .code ul{list-style:none;margin:0 0 0 1.5em;padding:0;} |
| .code li{position:relative;} |
| .code.json li:after{content:',';} |
| .code.json li:last-child:after{content:'';} |
| .code span{white-space:nowrap;padding:2px 1px;} |
| .code .property{font-weight:bold;color:#000000;} |
| .code .null{color:#9d261d;} |
| .code .boolean{color:#760a85;} |
| .code .numeric{color:#0076cb;} |
| .code .string{color:#247230;} |
| .code .deffered{color:#666666;font-size:0.9em;} |
| .code .toggle{position:absolute;left:-1em;cursor:pointer;} |
| .code .tag{color:#003283;} |
| .code .atn{color:#760a85;} |
| .code .atv{color:#247230;} |
| .code .text{color:#000000;} |
| .code .cdata{color:#008080;} |
| .code .comment,.code .ns{color:#666666;} |
| </style> |
| </head> |
| <body> |
| <button id="startXML">XML</button><br/> |
| <button id="btnJSON_none">pure JSON odata.metadata=none</button><br/> |
| <button id="btnJSON_minimal">pure JSON odata.metadata=minimal</button><br/> |
| <button id="btnJSON_minimal_to_full">pure JSON odata.metadata=minimal; extendMetadataToLevel=full</button><br/> |
| <button id="btnJSON_minimal_to_all">pure JSON odata.metadata=minimal; extendMetadataToLevel=all</button><br/> |
| <button id="btnJSON_full">pure JSON odata.metadata=full</button><br/> |
| <button id="btnJSON_full_date_conversion">JSON odata.metadata=full (with date conversion)</button><br/> |
| <button id="btnJSON_full_to_all">JSON odata.metadata=full; extendMetadataToLevel=all (with adding types for string, bool, numbers)</button><br/> |
| <button id="btnJSON_full_to_all_date_conversion">JSON odata.metadata=full; extendMetadataToLevel=all (with adding types for string, bool, numbers) (with date conversion)</button><br/> |
| |
| <button id="btnMetaData">MetaData</button><br/> |
| <button id="btnJSONwithMetaData">JSON with MetaData</button><br/> |
| <div id='resultsArea' data-type="json"> |
| </div> |
| <script> |
| //var x = eval("(function (w, undefined) {alert('A '+JSON.stringify(w.screen));})(this);"); |
| //(function () { |
| // var x = eval("(function (w, undefined) {alert('B '+JSON.stringify(w.screen));})(this);"); |
| //})(); |
| |
| |
| function show(data) { |
| $('#resultsArea').empty(); |
| var code = $('<code data-type="json"></code>').text(JSON.stringify(data)) |
| $('#resultsArea').append(code); |
| $('code[data-type]').prettify(); |
| //$('#resultsArea').prettify(); |
| } |
| function success(data) { |
| show(data); |
| } |
| |
| function errorFunc(err) { |
| $('#resultsArea').empty(); |
| $("#resultsArea").text(JSON.stringify(err)); |
| } |
| |
| function getMetaData(metaDatasuccess) { |
| var oHeaders = { |
| 'Accept': 'text/html,application/xhtml+xml,application/xml,application/json;odata.metadata=full', |
| "Odata-Version": "4.0", |
| "OData-MaxVersion": "4.0", |
| "Prefer": "odata.allow-entityreferences" |
| }; |
| var metadataRequest = |
| { |
| headers: oHeaders, |
| //requestUri: "http://services.odata.org/OData/OData.svc/$metadata", |
| requestUri: "http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/$metadata", //"http://localhost:6630/PrimitiveKeys.svc/$metadata", |
| data: null, |
| }; |
| datajs.V4.oData.read(metadataRequest, metaDatasuccess, errorFunc,datajs.V4.oData.metadataHandler); |
| }; |
| |
| $('#startXML').on("click", function(){ |
| //var requestUri = 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods'; |
| var requestUri ='http://localhost:4003/sap/bc/ds/odata/v4/ESMixPrimCollComp?$format=xml'; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| $('#btnJSON_none').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=none' } |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| $('#btnJSON_minimal').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=minimal' } |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| $('#btnJSON_full').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=full' } |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| |
| $('#btnJSON_full_to_all').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=full' }, |
| extendMetadataToLevel : 'all' , |
| recognizeDates : false |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| $('#btnJSON_full_to_all_date_conversion').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=full' }, |
| extendMetadataToLevel : 'all' , |
| recognizeDates : true |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| $('#btnJSON_full_date_conversion').on("click", function(){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=full' }, |
| recognizeDates : true |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc); |
| }); |
| |
| $('#btnMetaData').on("click", function(){ |
| var oHeaders = { |
| 'Accept': 'text/html,application/xhtml+xml,application/xml,application/json;odata.metadata=full', |
| "Odata-Version": "4.0", |
| "OData-MaxVersion": "4.0", |
| "Prefer": "odata.allow-entityreferences" |
| }; |
| var metadataRequest = |
| { |
| headers: oHeaders, |
| //requestUri: "http://services.odata.org/OData/OData.svc/$metadata", |
| requestUri: "http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/$metadata", //"http://localhost:6630/PrimitiveKeys.svc/$metadata", |
| data: null, |
| }; |
| |
| datajs.V4.oData.read(metadataRequest, success, errorFunc,datajs.V4.oData.metadataHandler); |
| }); |
| |
| |
| |
| $('#btnJSON_minimal_to_all').on("click", function(){ |
| var metaDatasuccess = function(metadata){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=minimal' }, |
| extendMetadataToLevel : 'all' , |
| recognizeDates : false |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc, null, null, metadata); |
| } |
| getMetaData(metaDatasuccess); |
| }); |
| |
| $('#btnJSON_minimal_to_full').on("click", function(){ |
| var metaDatasuccess = function(metadata){ |
| var requestUri = { |
| requestUri : 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods', |
| headers : { Accept : 'application/json;odata.metadata=minimal' }, |
| extendMetadataToLevel : 'full' , |
| recognizeDates : false |
| }; |
| datajs.V4.oData.read(requestUri, success, errorFunc, null, null, metadata); |
| } |
| getMetaData(metaDatasuccess); |
| }); |
| |
| $('#btnJSONwithMetaData').on("click", function(){ |
| var oHeaders = { |
| 'Accept': 'text/html,application/xhtml+xml,application/xml,application/json;odata.metadata=full', |
| "Odata-Version": "4.0", |
| "OData-MaxVersion": "4.0", |
| "Prefer": "odata.allow-entityreferences" |
| }; |
| var metadataRequest = |
| { |
| headers: oHeaders, |
| //requestUri: "http://services.odata.org/OData/OData.svc/$metadata", |
| requestUri: "http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/$metadata", //"http://localhost:6630/PrimitiveKeys.svc/$metadata", |
| data: null, |
| }; |
| |
| var metaDatasuccess = function(metadata){ |
| var requestUri = 'http://localhost:4002/tests/endpoints/FoodStoreDataServiceV4.svc/Foods'; |
| datajs.V4.oData.read(requestUri, success, errorFunc, null, null, metadata); |
| } |
| |
| |
| datajs.V4.oData.read(metadataRequest, metaDatasuccess, errorFunc,datajs.V4.oData.metadataHandler); |
| }); |
| |
| </script> |
| </body> |
| </html> |