什么是 asp.net 的 JQuery/Ajax GetData url

Posted 2023-05-08

【中文标题】什么是 asp.net 的 JQuery/Ajax GetData url

【英文标题】：What is JQuery/Ajax GetData url for asp.net

【发布时间】：2021-08-25 21:35:32

【问题描述】：

尝试学习 asp.net，在一些示例中，我在尝试获取 SQL 表数据时看到了这个“GetData”网址。有人可以解释这个 url 的来源以及这些例子是如何得到这个 url 的吗？这是在一个 asp.net 项目中。

<script type="text/javascript">  
            $(document).ready(function ()   
                $('#dataTable').DataTable(  
                    "ajax":   
                        "url": "/Home/GetData",  
                        "type": "GET",  
                        "datatype": "json"  
                    ,  
                    "columns": [  
                         "data": "Name" ,  
                         "data": "Position" ,  
                         "data": "Office" ,  
                         "data": "Age" ,  
                         "data": "Salary"   
                    ]  
                );  
            );           
        </script>

【参考方案1】：

这个 url 来自 ASP .NET Controller，HomeController 里面创建了 JsonResult 函数，它通过 GET 方法返回 Json 信息，还有更好的方法来使用 JQuery/Ajax GetData

$.ajax(
  url: '/Home/GetData',
  method: 'GET',
  data: 
    'Id': id
  ,
  success: function(response) 
    $('#dataTable').html(`
        <table>
        <thead>
        <tr><th>Name</th></tr><tr><th>Position</th></tr><tr><th>Office</th></tr>
        <tr><th>Age</th></tr><tr><th>Salary</th></tr>
        </thead>
        <tbody>
        <tr><th>$response.Name</th></tr><tr><th>$response.Position</th></tr><tr><th>$response.Office</th></tr>
        <tr><th>$response.Age</th></tr><tr><th>$response.Salary</th></tr>
        </tbody>
        </table>
        `);
  
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我使用 data: 'Id': id 因为当它向后端发送请求时，它需要一个人的 ID，该 ID 应该返回特殊数据。

您的后端 GetData 方法看起来如此

public JsonResult GetData(int id) 
  person personIndfo = db.persons.Where(x => x.Id == id).First();


  return Json(personIndfo, JsonRequestBehavior.AllowGet);

person 是一个类，我创建了一个带有 personInfo 名称的空类 person，我从数据库中插入了一个 Id 等于 Id 的人员信息，并将其发送回。

因此，如果存在这样的人，它将在“成功：函数（响应）”上成功返回到 Ajax。