StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
13444624
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
17
CommunityOwnedDate
CreationDate
2012-11-18T21:12:04.147
FavoriteCount
0
LastActivityDate
2012-11-18T21:12:04.147
LastEditDate
LastEditorUserId
0
OwnerUserId
315935
ParentId
13188500
PostTypeId
2
Score
4
ViewCount
0
LastEditorDisplayName
text
Body
Sorry, but my all attempts to reproduce your problems were without success. In other words all POSTs were with HTTP body and the Ajax requests worked correctly. So I could not reproduce the problem which you described. I made all tests on Internet Explorer 10, Windows 8 W64 RTM Enterprise with all current windows updates. If I add some item (for example the first one) to the chat on <a href="https://www.steps.org.au/Shop/Health-Products/" rel="nofollow">the page</a> you referenced I can see that POST request the the following header will be produced: <pre class="lang-none prettyprint-override"><code>Anforderung POST /~do HTTP/1.1 Accept */* Content-Type application/x-www-form-urlencoded; charset=UTF-8 X-Requested-With XMLHttpRequest Referer https://www.steps.org.au/ Accept-Language de-DE,de;q=0.8,ru;q=0.7,en-US;q=0.5,en;q=0.3,ja;q=0.2 Accept-Encoding gzip, deflate User-Agent Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0; Touch) Host www.steps.org.au Content-Length 81 DNT 1 Connection Keep-Alive Cache-Control no-cache Cookie __utmc=91949528; __utma=91949528.365135675.1353268932.1353268932.1353268932.1; __utmb=91949528.1.10.1353268932; __utmz=91949528.1353268932.1.1.utmcsr=(direct)|utmccn=(direct)|utmcmd=(none); PHPSESSID=ka4shsgkfvnvfdcath2klh9un0; cartID=4a90a72a379989f597276ca30c79c6f6 </code></pre> One can see that <code>Content-Length</code> is 81 and it's not 0. The body is <pre><code>i=1211&q=1&token=00f5e9f5768d09ae67f2016ebcb62e99a0d75345&cmd=addToCart&sideBar=1 </code></pre> The request will be answered with HTML fragment and the button become green. To be exactly during adding the item to the chat it will be executed another code as you posted in your question. It will be executed the following code (lines 49-74) from <a href="https://www.steps.org.au/js/shop.1352417874.js" rel="nofollow">shop.1352417874.js</a>: <pre class="lang-js prettyprint-override"><code>var n; function inCart(i,t){ var a = $('#add'+i); var q = t?1:$('#qty'+i).val(); setLoader(a,(t?60:0),0); if(!t) a.addClass('loading').html('').attr('href','javascript:;'); // d = 'i='+i+'&q='+q+'&token='+TOKEN+'&cmd=addToCart&sideBar=1'; $.ajax({ data: { i:i, q:q, token:TOKEN, cmd:"addToCart", sideBar: 1 }, success: function(h){ $('#sideCartContents').replaceWith(h); mkButtons(); jsEnhance(); setLoader(); n=0; if(!t) a.removeClass('loading').addClass('green').attr('href','Shop/Checkout.html').html('Checkout').parent().find('div.QTY').html('x'+q+' in cart'); flashCart(); } }); } </code></pre> The values of local <code>i</code> and <code>q</code> variables was <code>1211</code> and <code>1</code> in my test. So I could not see any errors which you describe. So you have to debug the code in your environment where it will be reproduced. During the tests I would recommend you to use non-minimized code of jQuery. You could debug the code of jQuery.ajax to localize your problem. Nevertheless I have some additional advice to you: <ol> <li>First of all you should include <code>error</code> callback to the <code>$.ajax</code> call and not only <code>success</code> callback.</li> <li>You should review the JavaScript code which you use. In the above code fragment for example you defined global variable <code>n</code> which will be property of the global <code>window</code> object. Introduction of such variables is very dangerous because of side effects and conflicts with other JavaScript codes which you include on the page. In some other places you set new properties of global <code>window</code> object indirectly. For example the code of global <code>doErrors</code> function defined in <a href="https://www.steps.org.au/js/common.1345011838.js" rel="nofollow">common.1345011838.js</a> looks as following</li> </ol> <pre class="lang-js prettyprint-override"><code>function doErrors(e,d){ e=e.split(','); for(i in e){ $((d?d+' ':'')+'[name="'+e[i]+'"]:visible').addClass('error'); } errors(); } </code></pre> In the above code you use <code>i</code> variable without define it. So you set (or use) <code>window.i</code> variable in the way. It's clear the usage of <code>for-in</code> loop in case of array is not good. One could rewrite the code with equivalent code like <code>for(var i=0,l=e.length; i<l; i++) {...}</code>. Moreover you start the code of <code>common.1345011838.js</code> with <pre><code>var w,r,i,p,t,l,c,z,e,m,b,k,u,s,CPH,TOKEN; var z = new Array(); var ROOT; </code></pre> which define many global variables with short names. It's very bad style. It can follow to conflicts with other modules which you included. Typically it would be enough to define the most variables which you need inside of some function. You could move declaration of the most variables inside of <code>$(document).ready(function(){/*.HERE.*/});</code>. If you really need to define some global variables you could define one which will be like the namespace and all other variables you could define as the properties of the only global object. It's the standard practice. In the way one can reduce the number of possible conflicts between different modules which you use. For example you could use something like <pre><code>MYGLOBALCHATOBJECT = { root: "/", z: [], }; ... // add new property MYGLOBALCHATOBJECT.TOKEN = "some value"; </code></pre> You should confider to define many function inside of context of another functions. In the way you could reduce the need to define many global variables. Just an example The above code of <code>inCart</code> use <code>n</code> variable defined above of <code>inCart</code> function. The variable <code>n</code> will be used only inside of other global function <code>flashCart</code> defined directly after <code>inCart</code>. Moreover the function <code>flashCart</code> will be used only inside of callback <code>success</code>. So you can rewrite the code so, that you define both <code>n</code> and <code>flashCart</code> inside of callback <code>success</code>: <pre><code>... success: function (h) { // define LOCAL variable n var n = 0; // define LOCAL function which can use outer variable n function flashCart(){ if(n<3) { setTimeout("flashCart()",120); n=n+1; } $('#sideCartBox').toggleClass('highlighted'); } $('#sideCartContents').replaceWith(h); mkButtons(); jsEnhance(); setLoader(); if(!t) a.removeClass('loading').addClass('green').attr('href','Shop/Checkout.html').html('Checkout').parent().find('div.QTY').html('x'+q+' in cart'); flashCart(); // we use LOCAL function } </code></pre> I would recommend you additionally to test your code in <a href="http://www.jshint.com/" rel="nofollow">JSHint</a> or <a href="http://www.jslint.com/" rel="nofollow">JSLint</a>.
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWhy is IE 10 Refusing to send POST data via jQuery $.ajax
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USOleg
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTBountyClose
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTDownMod
CommentsPostId

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.