如何调用 GET Api 输入参数使用 JQuery 和 JavaScript 在 Asp.net 视图中加载特殊标签时

Question

您好，我想在我的视图中加载订单计数（在特殊标签中），我在 Sql 中编写了一个 SP，其中 return 根据输入类型计算订单。我在我的表单中设计了几个框来显示所有类型的订单计数。因此，我将“Id”赋予我的标签，并且我希望在加载表单时，该标签显示数字。我在视图底部写了一个脚本。视图、脚本和控制器：

     <div class="inner">
            <h3 id="Orders1"><sup style="font-size: 20px"></sup></h3>
            <p>New Orders </p>
     </div>

<script>
    $("#Orders1").load(
    function () {
        $.ajax({
            url: '/Report/GetResultTestData',
            data: JSON.stringify({
                id: 1 /// input value 
            }),
            type: 'GET',
            contentType: 'application/json; charset=utf-8'
        }); 
   </script>

我的控制器如下所示：

    [HttpGet]
    public IActionResult GetResultTestData(int id )
    {
        var data = _sv.GetResultTestData(id);

        return new JsonResult(data);
    }

但不幸的是它没有显示任何内容，请您指导我！

Answer 1

更新

  <div class="inner">
            <h3 id="Orders1"><sup style="font-size: 20px"></sup></h3>
            <p>New Orders </p>
            <span id="result2"></span>//add the id to put the result id
     </div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>

      $(document).ready(function () {                  
        $.ajax({
            url: '/Report/GetResultTestData',
            data: {id: 1},
            type: 'GET',
            contentType: 'application/json; charset=utf-8',
            success: function (result) {
                    $('#result2').html(result);
                }// add the success to pass the result
        });
      });
   </script>

控制器：

    [HttpGet]
    public IActionResult GetResultTestData(int id )
    {
        return Content(id, "text/plain");
    }

结果：

如何调用 GET Api 输入参数使用 JQuery 和 JavaScript 在 Asp.net 视图中加载特殊标签时

How to call GET Api with input param use JQuery and JavaScript in Asp.net view when a special tag load

javascript

api

ajax

jquery

asp.net-core