web api 初體驗 解決js呼叫跨域問題

2021-09-22 11:16:22 字數 1379 閱讀 3965

常見跨域:

同ip不同埠: http:ip:8001/api/user     http:ip:8002/api/user 

不同ip不同埠:     

web api出現的時間也不短了,一直沒機會運用,很多公司還是用的wcf 和webservice.目前常用的web api場景是乙個介面多平台呼叫,例如給安卓呼叫 給ios呼叫 給平板呼叫 主要為移動網際網路提供服務,web api雖然可以脫離iis自寄宿 但目前大多還是託管在iis上的。

1. 後台呼叫

//就這麼簡單的幾行**可以獲得產品id為3的物件 這是get請求

目前使用最多的就是在手機端後台呼叫的方式來進行。但是在web**端我們並不滿足於後台呼叫 我們習慣前台用ajax呼叫

2.前台呼叫

$.ajax().success(function (res) ).error(function (xhr, status) );
這樣寫絕對報錯,會提示跨域呼叫錯誤

解決辦法好幾個 我採用cors的方式

步驟1:在api服務端新增引用 使用nuget包聯機安裝

引用它是要用到 system.web.http.cors.dll這個檔案

控制跨域的訪問許可權有3種

1.限定方法

2.限定類(controller)

3.全域性 

我們直接使用簡單粗暴的全域性訪問

var cors = new enablecorsattribute("*", "*", "*");//第乙個引數是指定的域(www.baidu.com 多個域可以以","分隔)

config.enablecors(cors);

如下

簡單的幾個步驟就解決了跨域問題,之前難倒了我2天,就為了使用ajax呼叫webapi

分類: 

asp.net,

web api

web api 初體驗 解決js呼叫跨域問題

常見跨域 同ip不同埠 http ip 8001 api user http ip 8002 api user 不同ip不同埠 web api出現的時間也不短了,一直沒機會運用,很多公司還是用的wcf 和webservice.目前常用的web api場景是乙個介面多平台呼叫,例如給安卓呼叫 給ios...

MVC初體驗 WebApi定義 (12)

是在mvc 4之後提供的一種新的服務的方式 webapi是專門針對資料庫中的表 即資源 進行增刪改查四個操作 不同於webservice是提供方法的邏輯處理 需要注意區分 乙個是邏輯層面的功能 另乙個是資料層面進行處理的功能 這兩者都是屬於web服務,那web服務又是什麼呢?就是把 寫在伺服器上,然...

css3,js動畫初體驗

transition實現簡單的過渡動畫 keyframes實現更詳細的動畫 waapi實現動畫 語法 transition css property duration timing function delay 每個屬性的意思和使用 keyframes中的講解是一樣的。舉個例子 webkit tra...