ajax跨域webapi最简单的demo（只介绍Get）

作者：狗狗狗699_250 | 来源：互联网 | 2024-09-29 19:42

这几天遇到一个nodejs的项目，使用VSCode开发，需要连接数据库的，但是用nodejs连接数据库比较繁琐，需要安装很多

这几天遇到一个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";///

/// Access-Control-Allow-Origin是HTML5中定义的一种服务器端返回Response header&＃xff0c;用来解决资源&＃xff08;比如字体&＃xff09;的跨域权限问题。///

private const string AccessControlAllowOrigin &＃61; "Access-Control-Allow-Origin";///

/// originHeaderdefault的值可以使 URL 或 *&＃xff0c;如果是 URL 则只会允许来自该 URL 的请求&＃xff0c;* 则允许任何域的请求///

///
//private const string originHeaderdefault &＃61; "http://192.168.13.7:8002" ;private const string originHeaderdefault &＃61; "*";///

/// 该方法允许api支持跨域调用///

/// 初始化 System.Web.Http.Filters.HttpActionExecutedContext 类的新实例。public override void OnActionExecuted(HttpActionExecutedContext actionExecutedContext){actionExecutedContext.Response.Headers.Add(AccessControlAllowOrigin, originHeaderdefault);}}
}

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 这个写的比较好

转:https://www.cnblogs.com/yangsirc/p/8184944.html

推荐阅读

function
只能输入数字的TextBox

只能接受数字1usingSystem;2usingSystem.Text;3usingSystem.Web;4usingSystem.Web.UI;5usingSystem.Web ... [详细]

蜡笔小新 2024-09-27 19:57:09
io
论文阅读及复现 | Improved Semantic Representations From TreeStructured Long ShortTerm Memory Networks

两种形式的LSTM变体Child-SumTree-LSTMsN-aryTree-LSTMshttps:paperswithcode.compaperimproved-semanti ... [详细]

蜡笔小新 2024-09-29 19:21:01
io
openssl 实现https 网站

下面是一个用openssl实现获取https网页内容的demo，整个流程比较简单，主要封装的API如下staticinthttps_init(http ... [详细]

蜡笔小新 2024-09-29 16:41:10
io
c++ 常用标准库

vector:在vc6中，如果要镶嵌使用vector,如vector,后面的两个应该用，空格隔开，否则被编译器认为是移位符string::npos的值为 ... [详细]

蜡笔小新 2024-09-28 21:14:50
io
[二分图]JZOJ 4612 游戏

DescriptionInputOutputSampleInput44#****#****#*xxx#SampleOutput5DataConstraint分析非常眼熟࿰ ... [详细]

蜡笔小新 2024-09-28 18:03:01
import
UDP协议开发

UDP是用户数据报协议（UserDatagramProtocol，UDP）的简称，其主要作用是将网络数据流量压缩成数据报形式，提供面向事务的简单信息传送服务。与TCP协议不同，UD ... [详细]

蜡笔小新 2024-09-28 17:00:36
io
Educational Codeforces Round 43 (Rated for Div. 2)

EducationalCodeforcesRound43(RatedforDiv.2)https:codeforces.comcontest976A ... [详细]

蜡笔小新 2024-09-28 14:07:52
io
FP-Growth 和 K-Means 学习报告

最近学习了数据挖掘常用的两种算法：FP-Growth和K-Means。现在把我的学习结果分享给大家。以下是本文的目录，大家可以根据需要跳过一些章节：1.FP-Grow ... [详细]

蜡笔小新 2024-09-28 09:23:32
config
ASP.NET 页面指令之 @OutputCache

缓存的重要性就不用再强调了，@OutputCache给我们提供了一种声明的方式(对应的还有编程的方式)来控制页面和用户控件的缓存策略，这是一种最简单直接的网站优化方式。还是先来过一遍@ ... [详细]

蜡笔小新 2024-09-27 12:38:16
io
turn page

NGUIusingSystem;usingUnityEng ... [详细]

蜡笔小新 2024-09-25 15:16:38
config
kepserver中文手册，kepserver使用教程，kepserver设置

下面介绍一下KepServer模拟器的使用，以下示例使用服务器随附的Simulator驱动程序来演示创建、配置和运行项目的过程。Simulator驱动程序是基于内存的驱动程序，能为 ... [详细]

蜡笔小新 2024-09-29 19:39:32
io
[USACO 2006 November Gold] 玉米地Corn Fields

题目描述　　FarmerJohn新买了一块长方形的牧场，这块牧场被划分成M行N列(1<M<12;1<N<12)，每一格都是一块正方形的土地。FJ打 ... [详细]

蜡笔小新 2024-09-29 11:31:29
io
3357: [Usaco2004]等差数列

3357:[Usaco2004]等差数列TimeLimit:10SecMemoryLimit:128MBSubmit:321Solved:153[Submit][Status][D ... [详细]

蜡笔小新 2024-09-29 09:37:36
import
objc runtime 挂载

#import挂载对象所需要的参数（UIAlertView挂载对象）staticconstcharkRepresente ... [详细]

蜡笔小新 2024-09-28 16:28:32
io
gzip html php,Apache启用Gzip压缩的方法，压缩css、js、html等文件

1、开启模块并添加配置项目a、linux服务器vietchttpdconfhttpd.conf本地服务器找到apacheconf文件夹下面httpd.confb、查找LoadMod ... [详细]

蜡笔小新 2024-09-26 13:15:15

狗狗狗699_250

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章