如何将数据api调试到NancyFX

Question

编辑的问题：

我用数据API编写了一个页面。

它应该使用AJAX调用我的NancyFX REST，但它不是。

1. 客户端：

我正在为本地回购公司提供引导服务：

<script src="~/scripts/jquery.bootgrid.min.js"></script>

也许我不应该使用.min.js文件，而应该使用打开的文件进行调试？如果是这样的话，你能告诉我该怎么做吗，或者给我指点方向？

页代码是

...
data-toggle="bootgrid" data-ajax="true" 
data-url="/cars/0" data-method="GET"

1. 服务器端：

我有一个由NancyFx提供的html页面，除了网格是空的之外，它是ok的。Visual中有一个带有断点的API模块(运行在localhost上)，如下所示：

Get["/cars/{status:int}?current={current}&rowCount={rowCount}"] = parameters => ...

这段代码从未被调用过。如何在检查路由之前强制调试器捕捉任何调用，并向我展示服务器中出现了什么？

我在用铬调试器。

Answer 1

按照南希标准，当前URL无效。我们不向路由添加查询字符串参数。

您可能想写一些类似于以下内容的内容：

Get["/cars/{status:int}"] = parameters => 
{
    var status = (int)parameters.status;
    var current = (string)parameters.current.TryParse("");
    var rowCount = (int)parameters.current.TryParse(10);

    ...
}

沿着这些路线。(写在我头顶上)

另一种方法是将请求绑定如下：

Get["/cars/{status:int}"] = parameters => 
{
    var request = this.Bind<MyRequest>();

    ...
}

public class MyRequest
{
    public MyRequest()
    {
        RowCount = 10;
    }

    public int Status {get;set;}
    public string Current {get;set;}
    public int RowCount {get;set;}
}

Answer 2

将南希改为Get["/cars/{status:int}"] = parameters =>是捕捉请求的诀窍。

ajax没有被调用是因为我失去了JQuery第一行..。$(document).ready(function() {

要获得当前和rowCount，您需要使用

var current = (int)Request.Form["current"];
var rowCount = (int)Request.Form["rowCount];

顺便说一句，Get没有工作(我认为这是一个Bootgrid )，所以我把它改为POST。

Answer 3

调试任何jQuery库的最简单方法是使用内置的调试器，因此我很难使用chrome，所以我使用Firefox，但是如果您习惯使用chrome，则功能几乎相同，但是使用Firefox时，您可以在进入调试器后直接切换到与html中任何元素相关的事件，设置断点，并通过F5或Ctrl+F5刷新页面，如果您选择了有效的断点，您可以看到与每个变量以及每个函数关联的所有值。其次，使用调试器中的step-in选项来查看确切行指向的位置，如果它引用的是任何其他文件，它将在调试器菜单中自动打开。Firefox的蜘蛛猴非常擅长调试和相关代码(这完全是我的观点)。3.对于api调用，数据未被处理或未显示的原因很大程度上是在库的结构中(关于数据被调用/获取/检索的参数)，为此，请在调试器中使用“监视表达式”选项，并尝试在控制台部分使用触发器在您认为被窃听的节点上实现代码，或者在应该显示值的节点上实现代码。