Databases
StackOverflow2013
Postsdbo
POXMLHttpRequest to webservice not working in web worker
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POXMLHttpRequest to webservice not working in web worker
    primarykey
    data
    text
    <p>The code below runs perfectly if called from main javascript, but it does not run in the web worker.<br></p> <pre><code> function getSpecData(detailLvl, startWeek, endWeek, mkt) { var params = { "detailLvl": detailLvl, "startWeek": startWeek, "endWeek": endWeek, "mkt": mkt }; var xhr; var url = "WebServices/wsSProgress.asmx/GetSpecProgressTable"; try { xhr = new XMLHttpRequest(); xhr.open('POST', url, false); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function () { if (xhr.readyState == 4 &amp;&amp; xhr.status == 200) { var result = JSON.parse(xhr.responseText); $('#specProgTbl').html(result.d); } }; xhr.send(JSON.stringify(params)); } catch (e) { alert('Error occured in XMLHttpRequest: ' + xhr.statusText + ' ReadyState: ' + xhr.readyState + ' Status:' + xhr.status); } } </code></pre> <p><br> The only difference in the web worker code is that it uses postMessage to return the result: <br></p> <pre><code>&lt;script id="worker" type="javascript/worker"&gt; self.onmessage = function (e) { var data = e.data; //self.postMessage(data.mkt + " " + data.detailLvl + " " + data.refreshMin + " " + data.isRotate +" "+data.weekNum); var startWeek=data.weekNum-3; var endWeek=data.weekNum; self.postMessage(getSpecData(1,startWeek,endWeek,data.mkt)); }; function getSpecData(detailLvl, startWeek, endWeek, mkt) { self.postMessage('DetailLvl '+detailLvl+' Start '+startWeek+' End '+endWeek+' Mkt '+mkt); var params = { "detailLvl": detailLvl, "startWeek": startWeek, "endWeek": endWeek, "mkt": mkt }; var xhr; var url = "WebServices/wsSpecProgress.asmx/GetSpecProgressTable"; try { xhr = new XMLHttpRequest(); xhr.open('POST', url, false); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function () { if (xhr.readyState == 4 &amp;&amp; xhr.status == 200) { var result = JSON.parse(xhr.responseText); self.postMessage(result.d); } }; xhr.send(JSON.stringify(params)); } catch (e) { self.postMessage('Error occured in XMLHttpRequest: ' + xhr.statusText + ' ReadyState: ' + xhr.readyState + ' Status:' + xhr.status); } } &lt;/script&gt; </code></pre> <p><br>The main javascript starting the worker: <br></p> <pre><code> $(function initialize() { $('#options').hide(); $("[id$='btnViewOpt']").val("View Options"); var mkt = $("[id$='lstMkt'] :selected").text(); var detailLvl = $("[id$='lstDetailLvl'] :selected").val(); var refreshMin = $("[id$='lstRefresh'] :selected").val(); var isRotate = $("[id$='chkRotate']").is(":checked"); var BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder; window.URL = window.URL || window.webkitURL; if (BlobBuilder) { var bb = new BlobBuilder(); bb.append(document.querySelector('#worker').textContent); wUrl = window.URL.createObjectURL(bb.getBlob()); worker = new Worker(wUrl); alert("Web worker started"); worker.addEventListener('message', dispMsg, false); worker.addEventListener('error', onError, false); worker.postMessage({ 'mkt': mkt, 'detailLvl': detailLvl, 'refreshMin': refreshMin, 'isRotate': isRotate, 'weekNum': getCurrentWeekNumber() }); // Start the worker. } else alert("Your browser does not support web workers"); }); function onError(e) { alert('ERROR in WebWorker: Line ' + e.lineno + ' in ' + e.filename + ': ' + e.message); } function dispMsg(e) { alert("Message from worker: " + e.data); $('#specProgTbl').html(e.data); } </code></pre> <p><br><br> The web worker starts and the params are correct but <strong>result.d is undefined</strong>. The catch has no statusText and just <strong>readyState=0</strong> and <strong>status=0</strong>. <br><br> What sorcery is this???</p> <p><BR><BR><strong>UPDATE</strong><BR><BR><strong>xhr.responseText</strong> if called from main Javascript is: <BR><BR></p> <pre><code> {"d":"\u003ctable border=\u00271px\u0027 cellpadding=\u00275\u0027 cellspacing=\u00270\u0027\u003e\u003ctr height=\u002710\u0027 \u003e\u003cth height=\u002710\u0027 colspan=\u002712\u0027\u003ePAS\u003c/th\u003e\u003c/tr\u003e\u003ctr height=\u002710\u0027 \u003e\u003ctd align=\u0027center\u0027 width=\u0027200\u0027\u003eManufacturer\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027150\u0027\u003eMake\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eNoSpec W22\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eComplete% W22\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eNoSpec W23\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eComplete% W23\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eNoSpec W24\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eComplete% W24\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eNoSpec W25\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eComplete% W25\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eNoSpec W26\u003c/td\u003e\u003ctd align=\u0027center\u0027 width=\u0027100\u0027\u003eComplete% W26\u003c/td\u003e\u003c/tr\u003e\u003ctr height=\u002710\u0027 \u003e\u003ctd align=\u0027left\u0027 class=\u0027default\u0027 height=\u002710\u0027 \u003eAAD\u003c/td\u003e\u003ctd align=\u0027left\u0027 class=\u0027default\u0027 height=\u002710\u0027 \u003eCHERY\u003c/td\u003e\u003ctd align=\u0027left\u0027 class=\u0027noSpecSame\u0027 height=\u002710px\u0027 \u003e0\u003c/td\u003e\u003ctd align=\u0027center\u0027 class=\u0027percSame\u0027 height=\u002710\u0027 \u003e\u003cdiv style=\u0027background-image: linear-gradient(left , rgba(8,68,250,1) 18%, rgba(240,241,250,1) 92%, rgba(240,241,250,0) 8%);background-image: -o-linear-gradient(left , rgba(8,68,250,1) 18%, rgba(240,241,250,1) 92%, rgba(240,241,250,0) 8%);background-image: -moz-linear-gradient(left , rgba(8,68,250,1) 18%, rgba(240,241,250,1) 92%, rgba(240,241,250,0) 8%);background-image: -webkit-linear-gradient(left , rgba(8,68,250,1) 18%, rgba(240,241,250,1) 92%, rgba(240,241,250,0) 8%);background-image: -ms-linear-gradient(left , rgba(8,68,250,1) 18%, rgba(169,199,245,1) 92%, rgba(240,241,250,0) 8%);background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0.18, rgba(8,68,250,1)),color-stop(0.92, rgba(240,241,250,1)),color-stop(1, rgba(240,241,250,0)));\u0027\u003e92\u003c/div\u003e\u003c/td\u003e\u003ctd align=\u0027left\u0027 class=\u0027noSpecSame\u0027 height=\u002710\u0027 \u003e0\u003c/td\u003e\u003ctd align=\u0027center\u0027 class=\u0027percSame\u0027 height=\u002710\u0027 \u003e\u003cdiv style=\u0027background-image: linear-gradient(left , rgba(8,68,250,1) 18%, rgba(240,241,250,1..............."} </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USEwald Stieger
    1. USEwald Stieger
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POXMLHttpRequest to webservice not working in web worker
      1. USNigilan
      1. VTFavorite
    1. COWhat if you send the whole of result to the parent?
      singulars
      1. POXMLHttpRequest to webservice not working in web worker
      1. USJivings
    2. CO@Jivings result is also undefined
      singulars
      1. POXMLHttpRequest to webservice not working in web worker
      1. USEwald Stieger
    3. CO@Jivings using FF13 and Chrome 19.
      singulars
      1. POXMLHttpRequest to webservice not working in web worker
      1. USEwald Stieger
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload