js跨域調(diào)用WebService的簡(jiǎn)單實(shí)例
步驟1. 在web.config中的system.web節(jié)點(diǎn)里加入
<!--此節(jié)點(diǎn)可允許腳本跨域調(diào)用webservice--> <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices> <!--此節(jié)點(diǎn)可允許腳本跨域調(diào)用webservice-->
步驟2. webservice代碼
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; using System.Web.Mvc; namespace WebService { /// <summary> /// WebService1 的摘要說明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] // 若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù),請(qǐng)取消對(duì)下行的注釋。 [System.Web.Script.Services.ScriptService] public class WebService1 : System.Web.Services.WebService { [ValidateInput(false)] [WebMethod(Description = "測(cè)試")] public void getDBTableInfos(string EnterpriseCode) { HttpContext.Current.Response.ContentType = "application/json;charset=utf-8"; string jsonCallBackFunName = string.Empty; jsonCallBackFunName = HttpContext.Current.Request.Params["jsoncallback"].ToString(); HttpContext.Current.Response.Write(jsonCallBackFunName + "({ \"Result\": \"" + EnterpriseCode + "\" })"); } } }
步驟3. html頁面部分
<!DOCTYPE html> <html> <head> <title>Index</title> <script src="http://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var EnterpriseCode = "39"; //企業(yè)代碼 var dataStr = "EnterpriseCode=" + EnterpriseCode; $.ajax({ type: "get", url: "http://xxx/xxx.asmx/AntiWebQuery_Ajax?jsoncallback?", dataType: "jsonp", jsonp: 'jsoncallback', data: dataStr, success: function (result) { //返回結(jié)果 alert(result.Result); } }); }); }); </script> </head> <body> <div> <input id="btnSubmit" type="button" value="查詢" /> </div> </body> </html>
以上就是小編為大家?guī)淼膉s跨域調(diào)用WebService的簡(jiǎn)單實(shí)例的全部?jī)?nèi)容了,希望對(duì)大家有所幫助,多多支持腳本之家~
- AngularJS iframe跨域打開內(nèi)容時(shí)報(bào)錯(cuò)誤的解決辦法
- js iframe跨域訪問(同主域/非同主域)分別深入介紹
- js原生跨域_用script標(biāo)簽的簡(jiǎn)單實(shí)現(xiàn)
- js判斷請(qǐng)求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法
- Vuejs第九篇之組件作用域及props數(shù)據(jù)傳遞實(shí)例詳解
- 詳細(xì)談?wù)凙ngularJS的子級(jí)作用域問題
- Node.js配合node-http-proxy解決本地開發(fā)ajax跨域問題
- javascript iframe跨域詳解
相關(guān)文章
在實(shí)戰(zhàn)中可能碰到的幾種ajax請(qǐng)求方法詳解
這篇文章主要給大家分享了在實(shí)戰(zhàn)中可能碰到的幾種ajax請(qǐng)求方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-03-03JQuery+Ajax+Struts2+Hibernate框架整合實(shí)現(xiàn)完整的登錄注冊(cè)
最近沒有項(xiàng)目做,閑著沒事,看到一個(gè)書城的網(wǎng)站很好,于是就是仿了一個(gè),把里面的ui直接拿過來用,前端后端自己寫的,目前大部分的功能已經(jīng)實(shí)現(xiàn)了。2015-10-10完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤
下面小編就為大家?guī)硪黄昝澜鉀Qajax跨域請(qǐng)求下parsererror的錯(cuò)誤。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01使用Ajax實(shí)時(shí)檢測(cè)"用戶名、郵箱等"是否已經(jīng)存在
這篇文章主要介紹了使用Ajax實(shí)時(shí)檢測(cè)"用戶名、郵箱等"是否已經(jīng)存在,需要的朋友可以參考下2015-01-01用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案)
這篇文章主要介紹了用Promise解決多個(gè)異步Ajax請(qǐng)求導(dǎo)致的代碼嵌套問題(完美解決方案),需要的朋友可以參考下2017-02-02bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼
這篇文章主要介紹了bootstrap select2 動(dòng)態(tài)從后臺(tái)Ajax動(dòng)態(tài)獲取數(shù)據(jù)的代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12AJAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁面異步請(qǐng)求實(shí)例代碼
下面小編就為大家?guī)硪黄狝JAX實(shí)現(xiàn)簡(jiǎn)單的注冊(cè)頁面異步請(qǐng)求實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10基于fileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)
下面小編就為大家?guī)硪黄趂ileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06