Asp .Net Core下$.ajax()的使用
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 οnclick="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 οnclick="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";
}
运行效果:
源码下载地址:(待审核)
这里只是介绍基本的用法,有任何问题,欢迎留言。
推荐阅读
-
Asp .Net Core下$.ajax()的使用
-
.Net Core AutoMapper的使用
-
ASP.Net core 使用mailkit发送邮件
-
【ASP.NET】1.ASP.NET页面事件加载顺序以及Global.asax文件的使用
-
asp.net下OnClientClick的妙用!
-
jquery.Ajax()方法调用Asp.Net后台的方法解析
-
Asp.Net Core 轻松学-HttpClient的演进和避坑
-
asp.net(c#)下Jmai去说明 使用与下载
-
VS环境下报错:检测到在集成的托管管道模式下不适用的 ASP.NET 设置。
-
ASP.NET学习笔记(五)-全球化部署,网站发布方法,AJAX使用,水晶报表使用,DropDownList,CheckBox全选