<html> <head> <title></title> <script> //绑定按钮的click事件,实现从后台获取时间 $(function () { $("#btn").click(function () { //通过Ajax的方式实现数据的访问 $.ajax({ //访问的action url: "/Part3/GetDate", //访问的方式 type: "post", //当请求成功的时候,访问的action会返回一个数据,方法中的date就是返回的数据,然后对他进行操作。 success: function (data) { $("#ShowPresentTime").html(data); }, error: function () { console.error("请求失败"); } }); }); }); </script> </head> <body> <input type="button" id="btn" value="获取当前时间" /> <div id="ShowPresentTime" style="width:300px;height:30px;border:dotted"></div> </body> </html>这个代码在.NET CORE中无法实现是为什么
时间: 2024-03-21 11:37:52 浏览: 55
jquery单选框radio绑定click事件实现方法
在ASP.NET Core中,jQuery库已经不再默认包含在项目中了,需要手动安装和引入。因此,要想让这段代码在ASP.NET Core中正常工作,需要先安装和引入jQuery库。
具体步骤如下:
1. 安装jQuery库:在你的项目根目录下,打开命令行工具,执行以下命令安装jQuery库:
```
npm install jquery
```
这样就会将jQuery库安装到你的项目中。
2. 在页面中引入jQuery库:在页面的head标签中,添加如下代码即可引入jQuery库:
```
<script src="~/lib/jquery/dist/jquery.min.js"></script>
```
注意:这里的路径可能会根据你的项目结构和jQuery库的安装路径而有所不同,需要根据实际情况进行修改。
3. 在控制器中添加GetDate方法:在控制器中添加以下代码:
```
public string GetDate()
{
var now = DateTime.Now;
var dateStr = now.ToString("yyyy-MM-dd HH:mm:ss");
return dateStr;
}
```
这样就可以在点击按钮时,通过Ajax的方式访问GetDate方法,并获取到当前时间,然后将其显示在页面上。
需要注意的是,ASP.NET Core中默认使用的是GET方式,因此需要将$.ajax中的type改为"GET",或者在GetDate方法上添加[HttpPost]特性,将请求方式改为POST。同时,还需要在Startup.cs文件中添加以下代码,开启MVC路由:
```
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
```
这样修改后,就可以在ASP.NET Core中实现这个功能了。
阅读全文