使用JQuery的服务器端参数化方法调用_服务器_jquery_其他

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta name="generator" content="pdf2htmlEX"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/base.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/fancy.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/16511628/raw.css"><script src="https://csdnimg.cn/release/download_crawler_static/js/compatibility.min.js"></script><script src="https://csdnimg.cn/release/download_crawler_static/js/pdf2htmlEX.min.js"></script><script>try{pdf2htmlEX.defaultViewer = new pdf2htmlEX.Viewer({});}catch(e){}</script><title></title></head><body><div id="sidebar" style="display: none"><div id="outline"></div></div><div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/16511628/bg1.jpg"><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">使用<span class="_ _0"></span>使用<span class="_ _1"></span><span class="ff2">JQu<span class="_ _2"></span>ery</span>的<span class="_ _2"></span>服务<span class="_ _2"></span>器<span class="_ _2"></span>端参<span class="_ _2"></span>数化<span class="_ _2"></span>方法<span class="_ _2"></span>调用<span class="_ _3"></span>的服<span class="_ _2"></span>务器<span class="_ _2"></span>端参<span class="_ _2"></span>数化<span class="_ _2"></span>方<span class="_ _2"></span>法调<span class="_ _2"></span>用</div><div class="t m0 x2 h4 y3 ff1 fs1 fc0 sc0 ls0 ws0">介绍<span class="_ _4"></span>介绍</div><div class="t m0 x2 h5 y4 ff1 fs2 fc0 sc0 ls0 ws0">这是一个<span class="_ _2"></span><span class="ff3">C</span>＃项目<span class="_ _2"></span>，演示<span class="_ _2"></span>如何使用<span class="_ _2"></span>客户端<span class="_ _2"></span>脚本语言<span class="_ _2"></span>（<span class="ff3">JQue<span class="_ _2"></span>ry</span>）调用<span class="_ _2"></span>以服务器<span class="_ _2"></span>端语言<span class="_ _2"></span>（<span class="ff3">C</span>＃，<span class="_ _2"></span><span class="ff3">VB</span>）编写<span class="_ _2"></span>的服务<span class="_ _2"></span>器端参数<span class="_ _2"></span>化方</div><div class="t m0 x2 h5 y5 ff1 fs2 fc0 sc0 ls0 ws0">法。</div><div class="t m0 x2 h4 y6 ff1 fs1 fc0 sc0 ls0 ws0">使用代<span class="_ _2"></span>码<span class="_ _5"></span>使用代<span class="_ _2"></span>码</div><div class="t m0 x2 h6 y7 ff1 fs3 fc0 sc0 ls0 ws0">步骤<span class="_ _6"></span>步骤<span class="_ _2"></span><span class="ff2">1</span></div><div class="t m0 x2 h5 y8 ff4 fs2 fc0 sc0 ls0 ws0">WebForm<span class="_ _2"></span>1.aspx<span class="ff1">页面具<span class="_ _2"></span>有一些控<span class="_ _2"></span>件，如<span class="_ _2"></span>按钮，文<span class="_ _2"></span>本框控<span class="_ _2"></span>件。<span class="ff3"> </span>文本框用于<span class="_ _2"></span>从客户端<span class="_ _2"></span>获取消<span class="_ _2"></span>息，并将<span class="_ _2"></span>其传递到<span class="_ _2"></span>服务器<span class="_ _2"></span>端方法。<span class="_ _2"></span><span class="ff3"> </span>单</span></div><div class="t m0 x2 h5 y9 ff1 fs2 fc0 sc0 ls0 ws0">击按钮时<span class="_ _2"></span>，<span class="ff3"> <span class="fs4">div</span></span>元素<span class="_ _2"></span>显示从<span class="_ _2"></span>服务器收<span class="_ _2"></span>到的消<span class="_ _2"></span>息。</div><div class="t m0 x2 h7 ya ff3 fs2 fc0 sc0 ls0 ws0">C ++</div><div class="t m0 x2 h8 yb ff3 fs4 fc0 sc0 ls0 ws0"><form id= " <span class="_ _2"></span>for<span class="_ _2"></span>m1" ru<span class="_ _2"></span>nat= " <span class="_ _2"></span>server"<span class="_ _2"></span> ></div><div class="t m0 x2 h8 yc ff3 fs4 fc0 sc0 ls0 ws0"> <div></div><div class="t m0 x2 h8 yd ff3 fs4 fc0 sc0 ls0 ws0"> <asp<span class="_ _2"></span>:TextBox ID<span class="_ _2"></span>= "<span class="_ _2"></span> <span class="_ _2"></span>Text1" runa<span class="_ _2"></span>t= " <span class="_ _2"></span>server"<span class="_ _2"></span> /></div><div class="t m0 x2 h8 ye ff3 fs4 fc0 sc0 ls0 ws0"> <asp<span class="_ _2"></span>:Button ID= <span class="_ _2"></span>"<span class="_ _2"></span> <span class="_ _2"></span>Button1" runat= " <span class="_ _2"></span>se<span class="_ _2"></span>rver"<span class="_ _2"></span> Text= "<span class="_ _2"></span> <span class="_ _2"></span>ClickM<span class="_ _2"></span>ENow" /></div><div class="t m0 x2 h8 yf ff3 fs4 fc0 sc0 ls0 ws0"> <br /<span class="_ _2"></span>></div><div class="t m0 x2 h8 y10 ff3 fs4 fc0 sc0 ls0 ws0"> <div<span class="_ _2"></span> id= " <span class="_ _2"></span>myDiv"<span class="_ _2"></span> ></<span class="_ _2"></span>div></div><div class="t m0 x2 h8 y11 ff3 fs4 fc0 sc0 ls0 ws0"> </div></div><div class="t m0 x2 h8 y12 ff3 fs4 fc0 sc0 ls0 ws0"> </form> </div><div class="t m0 x2 h6 y13 ff1 fs3 fc0 sc0 ls0 ws0">第<span class="_ _7"></span>第<span class="_ _2"></span><span class="ff2">2</span>步<span class="_ _7"></span>步</div><div class="t m0 x2 h5 y14 ff1 fs2 fc0 sc0 ls0 ws0">使用以下<span class="_ _2"></span><span class="ff3">JQuery</span>对<span class="_ _2"></span>服务器<span class="_ _2"></span>端方法进<span class="_ _2"></span>行<span class="_ _2"></span><span class="ff4">Ajax</span></div><div class="t m1 x3 h9 y14 ff1 fs5 fc0 sc0 ls0 ws0">调用</div><div class="t m0 x4 h5 y14 ff1 fs2 fc0 sc0 ls0 ws0">：</div><div class="t m0 x2 h7 y15 ff3 fs2 fc0 sc0 ls0 ws0">C ++</div><div class="t m0 x2 h8 y16 ff3 fs4 fc0 sc0 ls0 ws0"><script src<span class="_ _2"></span>= "<span class="_ _2"></span> <span class="_ _2"></span>//code<span class="_ _2"></span>.jquery.com<span class="_ _2"></span>/jquery-1.9.<span class="_ _2"></span>1.js" ></script></div><div class="t m0 x2 h8 y17 ff3 fs4 fc0 sc0 ls0 ws0"><script src<span class="_ _2"></span>= "<span class="_ _2"></span> <span class="_ _2"></span>//code<span class="_ _2"></span>.jquery.com<span class="_ _2"></span>/ui/1.10.4/jqu<span class="_ _2"></span>ery-ui.js"<span class="_ _2"></span> ></script></div><div class="t m0 x2 h8 y18 ff3 fs4 fc0 sc0 ls0 ws0"> <script></div><div class="t m0 x2 h8 y19 ff3 fs4 fc0 sc0 ls0 ws0"> $(docu<span class="_ _2"></span>ment).ready<span class="_ _2"></span>(function () <span class="_ _2"></span>{</div><div class="t m0 x2 h8 y1a ff3 fs4 fc0 sc0 ls0 ws0"> $( '<span class="_ _8"></span> #<span class="_ _2"></span><%=Button1<span class="_ _2"></span>.ClientID %><span class="_ _2"></span>' )<span class="_ _2"></span>.click(functio<span class="_ _2"></span>n () {</div><div class="t m0 x2 h8 y1b ff3 fs4 fc0 sc0 ls0 ws0"> $.a<span class="_ _2"></span>jax({</div><div class="t m0 x2 h8 y1c ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>type: "<span class="_ _2"></span> <span class="_ _2"></span>POST"<span class="_ _2"></span> ,</div><div class="t m0 x2 h8 y1d ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>url: "<span class="_ _2"></span> <span class="_ _2"></span>WebF<span class="_ _2"></span>orm1.aspx/<span class="_ _2"></span>ServerSideM<span class="_ _2"></span>ethod" ,</div><div class="t m0 x2 h8 y1e ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>data: JSON.<span class="_ _2"></span>stringify({ <span class="_ _2"></span>'<span class="_ _8"></span> <span class="_ _2"></span>p' <span class="_ _2"></span>: $( ' #Text1' ).val()<span class="_ _2"></span> }),</div><div class="t m0 x2 h8 y1f ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>contentType<span class="_ _2"></span>: "<span class="_ _2"></span> <span class="_ _2"></span>application<span class="_ _2"></span>/json; chars<span class="_ _2"></span>et=utf-8" ,</div><div class="t m0 x2 h8 y20 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>dataType: <span class="_ _2"></span>"<span class="_ _2"></span> <span class="_ _2"></span>json<span class="_ _2"></span>"<span class="_ _8"></span> ,</div><div class="t m0 x2 h8 y21 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>async: true ,</div><div class="t m0 x2 h8 y22 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>cache: false ,</div><div class="t m0 x2 h8 y23 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>success: fu<span class="_ _2"></span>nction (msg<span class="_ _2"></span>) {</div><div class="t m0 x2 h8 y24 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span> $( ' #m<span class="_ _2"></span>yDiv'<span class="_ _2"></span> ).text(msg<span class="_ _2"></span>.d);</div><div class="t m0 x2 h8 y25 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>},</div><div class="t m0 x2 h8 y26 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>error: functio<span class="_ _2"></span>n (x, e) { ale<span class="_ _2"></span>rt(x.respons<span class="_ _2"></span>eText); }</div><div class="t m0 x2 h8 y27 ff3 fs4 fc0 sc0 ls0 ws0"> })</div><div class="t m0 x2 h8 y28 ff3 fs4 fc0 sc0 ls0 ws0"> <span class="_ _2"></span>return<span class="_ _2"></span> fa<span class="_ _2"></span>lse ;</div><div class="t m0 x2 h8 y29 ff3 fs4 fc0 sc0 ls0 ws0"> });</div><div class="t m0 x2 h8 y2a ff3 fs4 fc0 sc0 ls0 ws0"> });</div><div class="t m0 x2 h8 y2b ff3 fs4 fc0 sc0 ls0 ws0"> </script></div><div class="t m0 x2 h6 y2c ff1 fs3 fc0 sc0 ls0 ws0">第三步<span class="_ _9"></span>第三步</div><div class="t m0 x2 ha y2d ff4 fs2 fc0 sc0 ls0 ws0">WebForm<span class="_ _2"></span>1.aspx.c<span class="_ _2"></span>s</div><div class="t m1 x5 h9 y2d ff1 fs5 fc0 sc0 ls0 ws0">中的</div><div class="t m0 x6 h5 y2d ff1 fs2 fc0 sc0 ls0 ws0">服务器端<span class="_ _2"></span>方法后<span class="_ _2"></span>跟<span class="ff3 fs4">WebMe<span class="_ _2"></span>thod</span>属性：</div><div class="t m0 x2 h7 y2e ff3 fs2 fc0 sc0 ls0 ws0">C ++</div><div class="t m0 x2 h8 y2f ff3 fs4 fc0 sc0 ls0 ws0">[ <span class="ff2">WebMethod<span class="_ _2"></span></span> ]</div><div class="t m0 x2 h8 y30 ff3 fs4 fc0 sc0 ls0 ws0">public <span class="_ _2"></span>static string S<span class="_ _2"></span>erverSideM<span class="_ _2"></span>ethod(string<span class="_ _2"></span> p)</div><div class="t m0 x2 h8 y31 ff3 fs4 fc0 sc0 ls0 ws0">{</div><div class="t m0 x2 h8 y32 ff3 fs4 fc0 sc0 ls0 ws0"> return "<span class="_ _2"></span> <span class="_ _2"></span>Mes<span class="_ _2"></span>sage from <span class="_ _2"></span>Server"<span class="_ _2"></span> +p ;</div><div class="t m0 x2 h8 y33 ff3 fs4 fc0 sc0 ls0 ws0">} </div><div class="t m0 x2 h4 y34 ff1 fs1 fc0 sc0 ls0 ws0">兴趣点<span class="_ _a"></span>兴趣点</div><div class="t m0 x2 h5 y35 ff1 fs2 fc0 sc0 ls0 ws0">服务器端<span class="_ _2"></span>方法必<span class="_ _2"></span>须是<span class="ff3 fs4">static</span>并且必<span class="_ _2"></span>须以<span class="ff3 fs4">[W<span class="_ _2"></span>ebMethod]</span>属性作<span class="_ _2"></span>为前缀<span class="_ _2"></span>。</div></div></div><div class="pi" data-data='{"ctm":[1.611639,0.000000,0.000000,1.611639,0.000000,0.000000]}'></div></div></body></html>