后端用.net core 2.0开发,kestrel server, 路由为如http://serverip:port/api/todo格式,后端用httpget方法实现。
要获取全部todo,前端代码如何写?
f***@qq.com
- 发布:2017-09-28 22:23
- 更新:2017-09-29 20:00
- 阅读:1738
mui.ajax如何与 c# 开发的web api后端配合工作?
分类:MUI
3 个回复
2***@qq.com
就和jQuery的ajax差不多。
f***@qq.com (作者) - 业余程序猿
补充:
后台代码:
//GET: api/todo
[HttpGet]
public IEnumerable<TodoItem> GetAll()
{
return _context.TodoItems.ToList();
}
//GET: api/todo/5
[HttpGet]
[HttpGet("{id}", Name = "GetTodo")]
public IActionResult GetById(long id)
{
var item = _context.TodoItems.FirstOrDefault(t => t.Id == id);
if (item == null)
{
return NotFound();
}
return new ObjectResult(item);
}
使用Kestrel server,监听192.168.1.22:5000
从192.168.1.10用postman测试正常,chrome连接也能获取。
前端代码:
mui.plusReady(function() {
mui.ajax("http://192.168.1.2/api/todo",{
data:{},
dataType:'json',
type:'get',
timeout:10000,
headers:{'content-type':'application/json'},
success:function(data){
mui.alert(data);
},
error:function(xhr,type,errThrown){
console.log(type);
}
});
}
失败!后面的两个alert都没有执行:((
f***@qq.com (作者) - 业余程序猿
解决了,原来是IP地址冲突的问题/汗