webapi把html内容传后端,WebApi的前端及后端调用

WebApi前端调用

HTML代码：

备注：获取整张表的数据,使用for循环或foreach遍历

// Ajax异步请求

$(function(){

$("#btnUserlist").click(function(){

$.ajax({

type:'get',//Http请求类型

url:'https://localhost:44304/api/Values',

// url:'https://localhost:44304/api/values/DeleteUser?id=10000',

dataType:'json',//服务器返回json数据类型

data:{},

success:function(data){

var a="";

for(var i=0;i

a+=","+data[i].Name;

}

$("#UsersListDiv").html("您查询的结果为："+a);

},

error:function(){

alert("请求失败！");

},

complete:function(){

alert("回调");

}

});

});

});

获取单条数据：在data里面传参，不需要遍历，直接通过data.Name来取值

// Ajax异步请求

$(function() {

$("#btnUserlist").click(function() {

$.ajax({

type: 'get', //Http请求类型

url: 'https://localhost:44304/api/Values',

dataType: 'json', //服务器返回json数据类型

data: {

id: 10000

},

success: function(data) {

// var a = "";

// for (var i = 0; i < data.length; i++) {

// a += "," + data[i].Name;

// }

$("#UsersListDiv").html("您查询的结果为：" +data.Name );

},

error: function() {

alert("请求失败！");

},

complete: function() {

alert("回调");

}

});

});

});

前端调用解决跨域问题固定代码：

在服务端的Web.config的 下面添加以下固定代码

备注：获取整张表的数据,使用for循环或foreach遍历

标签：WebApi,function,调用,Name,json,alert,及后,var,data

来源： https://www.cnblogs.com/ypyp123/p/13252079.html