本文介绍了如何使用jQuery的$.ajax()、$.get()和$.post()方法来实现异步获取和提交表单数据。通过绑定点击事件，获取并显示控制器返回的JSON数据，以及将表单数据序列化后提交到控制器。详细展示了相关代码示例。
通过jQuery里面的$.ajax({ })方法实现异步
先获取代码中预先设定好的ID，通过给ID绑定一个click的点击事件，在click()里面传入一个回调函数function()
使用$.ajax({})方法，$.ajax里的配置项都是以键值对的形式存在的，使用type指定get方法(或post方法)请求数据，用url确定数据提交的方式跟地址，使用dataType将数据转换为json格式，再使用success创建一个回调函数，通过回调函数中的数据去接收get方法请求的数据，当数据获取到时，将数据绑定到表单
当获取数据失败时，使用error创建一个回调函数，输出一个readState的值
将视图的表单数据提交到控制器中
和上面一样，通过给ID绑定一个click的点击事件，在click()里面传入一个回调函数function()；在发送表单提交的请求之前，先把表单上填写的数据获取到；
怎么获取表单上填写的数据？
创建个变量获取表单上的数据，将获取到的数据进行拼接，之后通过$.ajax进行请求提交需要提交的数据；type指定get方法(或post方法)请求数据，用url确定数据提交的方式跟地址，需要提交数据用data属性，最后使用success进行输出
下面是完整的代码：
控制器中的代码：
HTML中的代码：
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>jqAjaxPage</title>
<link href="#" rel="icon" type="image/x-icon" />
<link href="~/Content/bootstrap-4.5.3-dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div class="container mt-5">
<form id="frm" autocomplete="off" >
<!--get为默认提交方式-->
<div
最低0.47元/天 解锁文章
扫一扫
3074
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
