js呼叫後臺程式碼的幾種方法
本章節介紹一下如何使用javascript呼叫後臺程式碼,這裡只以asp.net為例。
呼叫方式一:
[HTML] 純文字檢視 複製程式碼<script type="text/javascript"> var showMethod="<%=show()%>"; alert(showMethod); </script>
以上程式碼可以彈出後臺函式show()的返回值。
呼叫方式二:
ajax方式,這是比較常用的。
前臺jquery程式碼:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> var params='{ext:"p9hp"}';//引數,注意引數名要注意和後臺方法引數名要一致 $(function(){ $("#btnOk").click(function(){ $.ajax({ type:"POST",//請求方式 url:"AjaxDemo.aspx/GetImg",//請求路徑:頁面/方法名字 data: params,//引數 dataType:"text", contentType:"application/json; charset=utf-8", beforeSend:function(XMLHttpRequest){ $("#tips").text("開始呼叫後頭方法獲取圖片路徑,請等待"); $("#imgFood").attr("src","image/loading.gif"); }, success:function(msg){//成功 $("#imgFood").attr("src",eval("("+msg+")").d); $("#tips").text("呼叫方法結束"); }, error:function(obj,msg,e){//異常 alert("OH,NO"); } }); }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <label id="tips"></label> <img id="imgFood" /> <input value="點選我,給你看一張圖片" type="button" width="35px" id="btnOk" /> </div> </form> </body> </html>
當然在實際應用中需要引入jQuery庫,這裡就省略了。
後臺程式碼如下:
[C#] 純文字檢視 複製程式碼public static string GetImg(string ext) { System.Threading.Thread.Sleep(5000);//為了有點等待的效果,延遲5秒 StringComparer sc = StringComparer.OrdinalIgnoreCase; string[] extArr = new string[] { "php", "asp", "aspx", "txt", "bmp" }; bool f = extArr.Any(s=>sc.Equals(s,ext)); //判斷傳入的字尾名是否存在 if (f) { return "image/54222860.jpg"; } return "image/star1.jpg"; }
相關文章
- linux中後臺執行程式常用的幾種方法Linux行程
- Linux 技巧:讓程式在後臺可靠執行的幾種方法Linux
- js判斷物件的幾種方法JS物件
- JS遍歷物件的幾種方法JS物件
- JS陣列去重的幾種方法JS陣列
- 幾種集合的幾種方法
- 程式碼迭代的幾種方式
- 幾種常用的排序程式碼排序
- Android中js呼叫java本地方法的三種方式AndroidJSJava
- JS常用判斷空對像的幾種方法JS
- JS資料型別判斷的幾種方法JS資料型別
- 判斷js中的資料型別的幾種方法JS資料型別
- Laravel 幾種少用的排序方式程式碼Laravel排序
- 程式碼共享的四種方法
- JS的五種函式呼叫方式JS函式
- C#呼叫js庫的方法C#JS
- iOS 中常見的幾種鎖-程式碼示例iOS
- 幾種通用防注入程式繞過方法
- JS非同步程式設計的幾種方式及區別JS非同步程式設計
- xml操作的幾種方法XML
- 使用 JS 來動態操作 css ,你知道幾種方法?JSCSS
- 說說Java非同步呼叫的幾種方式Java非同步
- ubuntu下圖形程式自啟動的幾種方法Ubuntu
- ASP程式中常使用的幾種指令碼語言指令碼
- ros的幾種通訊機制及程式碼ROS
- 淺談非同步呼叫幾種方式非同步
- JS陣列學習之清空全部元素的4種方法(程式碼詳解)JS陣列
- js和vue方法的相互呼叫(iframe父子頁面的方法相互呼叫)。JSVue
- 外部js呼叫vue的methods中的方法JSVue
- 4、幾種通用防注入程式繞過方法
- 使用emscripten實現js直接呼叫C程式碼(emscripten的初探)JSC程式
- CefSharp ——js呼叫c#方法JSC#
- Laravel 重定向的幾種方法Laravel
- 建樹的幾種常用方法
- MATLAB 生成exe 的幾種方法Matlab
- Springboot呼叫Oracle儲存過程的幾種方式Spring BootOracle儲存過程
- JS中建立函式的幾種方式JS函式
- js 非同步的幾種解決方案JS非同步
- js 中斷迴圈的幾種方式JS