AJAX调用C#接口实例：使用jQuery获取数据

以下是一个简单的示例，演示如何使用AJAX调用C#接口：

HTML页面：

<!DOCTYPE html>
<html>
<head>
    <title>AJAX调用C#接口示例</title>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
</head>
<body>
    <button id='btnGet'>获取数据</button>
    <div id='result'></div>

    <script>
        $(document).ready(function () {
            $('#btnGet').click(function () {
                $.ajax({
                    type: 'GET',
                    url: 'api/data', //C#接口的URL
                    success: function (data) {
                        $('#result').html(data);
                    },
                    error: function () {
                        alert('调用接口失败');
                    }
                });
            });
        });
    </script>
</body>
</html>

C#接口：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;

namespace MyAPI.Controllers
{
    public class DataController : ApiController
    {
        public string Get()
        {
            return 'Hello World!';
        }
    }
}

在此示例中，我们使用jQuery库来实现AJAX调用。当用户单击“获取数据”按钮时，它将使用GET请求调用C#接口“api/data”，并在成功时将响应数据显示在页面上。如果调用失败，则会弹出一个警告框。在C#接口中，我们只是简单地返回了一个字符串“Hello World!”。