这几天遇到一个nodejs的项目&＃xff0c;使用VSCode开发&＃xff0c;需要连接数据库的&＃xff0c;但是用nodejs连接数据库比较繁琐&＃xff0c;需要安装很多东西&＃xff0c;本人也懒得去研究了。后来想到建一个WebAPI然后用ajax来调用&＃xff0c;避免使用nodejs直接和数据库打交道。
/
首先介绍webapi怎么搞
1.在ASP.net MVC Web 下选择WebAPI模板 建立项目
2.在项目根目录新建一个类(用来解决跨域的问题)
内容如下&＃xff1a;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Http.Filters;namespace xxxService
{public class CrossSiteAttribute : System.Web.Http.Filters.ActionFilterAttribute{private const string Origin &＃61; "Origin";///
//private const string originHeaderdefault &＃61; "http://192.168.13.7:8002" ;private const string originHeaderdefault &＃61; "*";///
}
3.在controller下新建一个StringsController.cs 在调用api的时候得到的数据就是这边reurn的数据
内容如下&＃xff1a;&＃xff08;[CrossSite]不能少&＃xff0c;用以解决跨域的问题&＃xff09;
using xxxService.Models;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;namespace xxxService.Controllers
{public class StringsController : ApiController{[CrossSite]public DataTable Get(string CultureName, string ProjectName){object[] Params &＃61; new object[2];Params[0] &＃61; ProjectName;Params[1] &＃61; CultureName;DbHelper DBH &＃61; new DbHelper();DataTable result &＃61; DBH.ExecuteDataTable("usp_GetPluralStingByProjectAndLanguage", Params);return result;}}
}
番外&＃xff1a;
这边return的result 是DataTable类型的&＃xff0c;在用ajax跨域调用的时候会不成功&＃xff08;在同一台机器上是成功的&＃xff0c;但是部署到服务器上就会失败&＃xff0c;确认是返回这个类型的原因&＃xff09;&＃xff0c;可能是解析错误的问题&＃xff0c;所以返回的时候可以对datatable处理之后再返回&＃xff0c;例如&＃xff1a;
DataTable tables &＃61; DBH.ExecuteDataTable("usp_GetPluralStingByProjectAndLanguage", Params);foreach (DataRow row in tables.Rows){result.CultureName &＃61; row[0].ToString();result.Translation &＃61; row[1].ToString();result.SourceString &＃61; row[2].ToString();result.ResourceID &＃61; row[3].ToString();result.ProjectName &＃61; row[4].ToString();results.Add(result);}
这是后来补充的&＃xff0c;和本篇文章关联不大
4.为了给一个简单的效果图&＃xff0c;我新建了一个NamesController.cs&＃xff0c;和上面的其实一样
内容如下&＃xff1a;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using xxxService.Models;namespace xxxService.Controllers
{public class NamesController : ApiController{[CrossSite]public string Get(){return "zhangsan";}}
}
访问该api: http://localhost:59579/api/names/get
就此api的编写完成&＃xff08;都是最简单的例子&＃xff09;
5.ajax调用&＃xff0c;在另一个项目中引入jquery
添加如下代码&＃xff1a;
$.ajax({type: &＃39;GET&＃39;,url: &＃39;http://localhost:59579/api/strings/get&＃39;,dataType: &＃39;JSON&＃39;,data:{CultureName:cultureName,ProjectName:projectName},success: function (data) {DrawTable(data);layer.closeAll(&＃39;loading&＃39;);}});
如有不清楚参照&＃xff1a;https://www.cnblogs.com/Leo_wl/p/4780650.html 这个写的比较好
京公网安备 11010802041100号