使用ajax传送数据(前后端传递数据 C#+MVC）

     对于如何将前台数据传到后台服务器的问题，想必是困扰各位很久了，最近学校做实训项目的时候我了解到可以用AJAX来传递数据，属实是方便了不少，特此记录下来以供各位参考。

一、首先是视图部分：

    通过input标签将用户输入的结果存储在其中，那之后该如何将该标签的内容传递到后台服务器呢

 

以下是通过AJAX将标签中的数据保存然后传递到控制器为Product中的ProductAdd方法

 

 代码解释：

1. $(document).ready(function() { ... }); 这是一个jQuery的语法，表示在文档加载完成后执行其中的代码。它确保代码在文档元素可以操作之后再执行。

2. $("#Price") 是一个jQuery选择器，它用于选中id属性为"Price"的元素。在这里，它选择了一个输入标签（例如文本框）。

3.  $("#Price").change(function () {.....});绑定一个change事件到id为Price的标签上，当该input标签中的内容发生改变时，则会触发这个事件并执行事件处理函数。

4. var price = $(this).val(); 这行代码用于获取输入标签的值。$(this)表示当前触发事件的元素（即输入标签，id为Price），val()是一个jQuery方法，用于获取元素的值。这行代码将获取的值保存在price变量中。

5. type：“post”  指定了请求方式为post

6. url: "Product/ProductAdd", 指定了请求的地址Product为控制器，ProductAdd为该控制器中的方法

7. data: { productprice: price },指定了发送到服务器的数据

二、其次是控制器部分

在控制器中写一个ProductAdd方法，设置一个参数名用于接收传递过来的参数

就此完成了用AJAX传递数据的过程 。

此外，也可以用表单的形式来传递数据，此处只放图片，不做解释，有兴趣的伙伴可以自行阅读并留言。

视图部分：

控制器部分：