Asp .Net Core下$.ajax()的使用

最新推荐文章于 2025-06-06 14:10:52 发布

原创最新推荐文章于 2025-06-06 14:10:52 发布 · 置顶 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

Asp .Net Core 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了在ASP.NET Core环境下如何使用jQuery的$.ajax方法进行异步请求，包括type、url、async、cache、data和success等关键参数的用法，并通过实例演示了GET和POST请求的操作。同时还提供了源码下载链接供读者实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Jquery中的ajax

$.ajax({
            type: "get",
            url: "/Home/GetInfo",   //Home控制器中的GetInfo方法
            async: false,
            data: "",
            success:function(result) {
            }
        });

jquery中的ajax方法的参数很多，多了容易记不住，咱们就只列一些必要的吧。

1、type：
表示传递的方式，要求为String类型的参数，请求方式（post或get）默认为get。（注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持）；

2、url：
表示发送请求的地址（默认为当前页地址），通常为Controller下的一个方法，要求为String类型的参数；

3、async：

表示是否异步传输，要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为false。（注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行）；

4.cache:
表示会从浏览器缓存中加载请求信息，要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false，先不了解），设置为false将不会从浏览器缓存中加载请求信息；

5、data：

表示需要发送的参数，要求为Object或String类型的参数，发送到服务器的数据。

1）Object类型时，可以写null，表示不传参数；也可以写{username:"sa",password:"123456"}，表示传递参数username和password，参数值分别是"sa"和"123456"；

2）String类型时，可以写""，表示不传参数；也可以写"&username=sa&password=123456"，表示传递参数username和password，参数值分别是"sa"和"123456"；

6、success:

表示请求成功后调用的回调函数，要求为Function类型的参数，可以有返回值，也可以不返回值，这里的返回值是result，类型是String。

好啦，下面开始应用：

示例一：

前端代码：

 <div class="text-center">
        <input id="username" value="sa"/>
        <input id="password" value="123456"/>
        <label id="tip"></label>
        <button onclick="login()">登录</button>
 </div>

<script>
    function login() {
        $.ajax({
            type: "get",
            url: "/Home/Login",
            async: false,
            cache: false,
            data: { username: $("#username").val(), password: $("#password").val()},//也可以传"&username=sa&password=123456"
            success: function (result) {
                $("#tip").html(result);
            }
        });
    }
</script>

后台代码：

 public string Login(string username ,string password)
 {
    if(username=="sa"&& password=="123456")
    {
      return "登录成功！";
    }
    else
    {
       return "用户名或者密码不对！";
    }
}

运行效果：

示例二：

前端代码：

<div class="text-center">
    <label id="lblage"></label>
    <input id="textage" />
    <button onclick="getage()">获取年龄</button>
</div>

<script>
   function getage() {
        $.ajax({
            type: "get",
            url: "/Home/GetAge",
            async: false,
            cache: false,
            data: null,//也可以传""
            success: function (result) {
                $("#textage").val(result);
            }
        });
    }
</script>

后台代码：

public string GetAge()
{
  return "18";
}

运行效果：

源码下载地址：https://download.csdn.net/download/KLORDLY/12348989

这里只是介绍基本的用法，有任何问题，欢迎留言。