Calling method from code behind by jquery ajaxhttp://forums.asp.net/t/1804171.aspx/1?Calling+method+from+code+behind+by+jquery+ajaxWed, 16 May 2012 08:42:54 -040018041714982949http://forums.asp.net/p/1804171/4982949.aspx/1?Calling+method+from+code+behind+by+jquery+ajaxCalling method from code behind by jquery ajax <p>when i will call any server side method by jquery and if that server side method return nothing means void then how my jquery ajax code will look like ?</p> <p>here a sample jquery ajax call code</p> <pre class="prettyprint">var fname = _TrackNumber &#43; '.gif'; var DTO = { FileName: fname };</pre> <pre class="prettyprint"><span class="pln">jQuery</span><span class="pun">.</span><span class="pln">ajax</span><span class="pun">({</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type</span><span class="pun">:</span><span class="pln"> </span><span class="str">"POST"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url</span><span class="pun">:</span><span class="pln"> </span><span class="str">"UPSLabelFormUK.aspx/SaveAs"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data</span><span class="pun">:</span><span class="pln"> JSON</span><span class="pun">.</span><span class="pln">stringify</span><span class="pun">(</span><span class="pln">DTO</span><span class="pun">),</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; contentType</span><span class="pun">:</span><span class="pln"> </span><span class="str">"application/json; charset=utf-8"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataType</span><span class="pun">:</span><span class="pln"> </span><span class="str">"json"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln">data</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span class="kwd">var</span><span class="pln"> retVal </span><span class="pun">=</span><span class="pln"> data</span><span class="pun">.</span><span class="pln">d</span><span class="pun">;</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert</span><span class="pun">(</span><span class="pln">retVal</span><span class="pun">);</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">},</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; error</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="typ">XMLHttpRequest</span><span class="pun">,</span><span class="pln"> textStatus</span><span class="pun">,</span><span class="pln"> errorThrown</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert</span><span class="pun">(</span><span class="pln">textStatus</span><span class="pun">);</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">}</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">});</span><span class="pln"><br /><br /><br />this is my server side code....it return void<br /></span></pre> <pre class="prettyprint"><span class="pun"> [</span><span class="typ">WebMethod</span><span class="pun">]</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; </span><span class="kwd">public</span><span class="pln"> </span><span class="kwd">static</span><span class="pln"> </span><span class="kwd">void</span><span class="pln"> </span><span class="typ">SaveAs</span><span class="pun">(</span><span class="kwd">string</span><span class="pln"> </span><span class="typ">FileName</span><span class="pun">)</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">{</span><span class="pln"><br /></span><span class="pln"> // code here<br />&nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">}<br /><br />so tell me my jquery ajax call routine parameter is ok....or do i need to change anything.<br /></span></pre> <pre class="prettyprint"><span class="pln">i feel i need to change something in this code like below<br /><br /></span></pre> <pre class="prettyprint"><span class="pln">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; contentType</span><span class="pun">:</span><span class="pln"> </span><span class="str">"application/json; charset=utf-8"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dataType</span><span class="pun">:</span><span class="pln"> </span><span class="str">"json"</span><span class="pun">,</span><span class="pln"><br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln">data</span><span class="pun">)</span><span class="pln"> </span><span class="pun"><br /> {</span><span class="pln"><br /></span></pre> <pre class="prettyprint"><span class="pln"></span><span class="pln">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span class="pun">}</span><span class="pln"><br /></span></pre> <pre class="prettyprint"><span class="pln">i think <span class="pln">contentType</span><span class="pun"></span> &amp; <span class="pln">dataType</span><span class="pun"></span> will need to remove from ajax call routine. success function will not have any argument.<br /><br />please tell me am i right....if not then please rectify my code. thanks<br /></span></pre> 2012-05-16T07:11:56-04:004982996http://forums.asp.net/p/1804171/4982996.aspx/1?Re+Calling+method+from+code+behind+by+jquery+ajaxRe: Calling method from code behind by jquery ajax <p>when server method returns void to jquery ajax call, data parameter in success event will be set to null</p> <p>contentType: &quot;application/json; charset=utf-8&quot;,&nbsp;&nbsp;&nbsp;-- this indicates the type of content which is being sent from client to server. keep it as is<br> dataType: &quot;json&quot;,&nbsp;&nbsp; -- indicates type of respose from server. you can avoid this parameter if return value is null. <br> success: function (data)&nbsp; -- data.d will give you javascript null value. so the alert will display null</p> <p>hope this helps...</p> 2012-05-16T07:31:39-04:004983133http://forums.asp.net/p/1804171/4983133.aspx/1?Re+Calling+method+from+code+behind+by+jquery+ajaxRe: Calling method from code behind by jquery ajax <p>Hi,</p> <p>If you are trying to upload a file using jQuery and pagemethod, Its not possible. You can look into some plugin here-</p> <p><a href="http://forums.asp.net/p/1742691/4697039.aspx/1?Re&#43;Posting&#43;Forms&#43;in&#43;Jquery&#43;and&#43;asp&#43;net">http://forums.asp.net/p/1742691/4697039.aspx/1?Re&#43;Posting&#43;Forms&#43;in&#43;Jquery&#43;and&#43;asp&#43;net</a></p> <p><a href="http://delicious.com/anupdg/upload">http://delicious.com/anupdg/upload</a></p> 2012-05-16T08:42:54-04:00