- 创建微软.net web Api项目
在Visual Studio中创建一个新的ASP.NET Web API项目。在解决方案中添加一个新的控制器，例如“TestController”。
添加如下测试方法：
public class TestModelThatAjaxWillUse {
public string name { get; set }
}
[HttpPost]
public HttpResponseMessage PostComplexType(TestModelThatAjaxWillUse model) {
return Request.CreateResponse(HttpStatusCode.OK, "Hello " + model.Name);
}- 创建Ajax接口调用
在你的HTML文件中，添加一个按钮和一个显示结果的元素。然后在元素上绑定一个点击事件，该事件会触发Ajax调用。
<body>
<button id="testButton">测试</button>
<span id="result"></span>
</body>然后在JS文件中创建一个对应的调用方法，使用JQuery的$.ajax方法。
$(document).ready(function() {
$("#testButton").click(function() {
$.ajax({
type: "POST",
url: "http://localhost:port/api/Test",
data: JSON.stringify({ name: "AliCloud" }),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) { $("#result").html(data); },
failure: function(errMsg) { alert(errMsg); }
});
});
});- 测试调用
保存所有文件，然后启动你的.net web Api项目，点击HTML页面上的“测试”按钮，查看返回的结果是不是你期望的“Hello AliCloud”。
以上只是一个基本的从Ajax调用.net web api的过程。在实际开发中，你可能需要根据API的具体实现和需要，调整对应的URL、类型、数据等内容。
另外一点注意的是，由于浏览器的同源策略限制，你可能需要在.net project中添加对CORS的支持，或者使用JSONP等方式解决跨域问题。
参考资料：https://stackoverflow.com/questions/14890513/call-web-api-from-javascript
发布者：luotuoemo，转转请注明出处：https://www.jintuiyun.com/170261.html
