使用C# Ajax传送数据到后台
编写前台JS代码首先,我们需要编写前台的JS代码来实现数据的传送。在本文中,我们以一个传送数据到后台的List作为示例。```javascript$.ajax({ type: "post",
编写前台JS代码
首先,我们需要编写前台的JS代码来实现数据的传送。在本文中,我们以一个传送数据到后台的List作为示例。
```javascript
$.ajax({
type: "post",
url: "@(函数名)", //请求地址
data: (data), //json数据,如{"key1":"value1","key2":"value2"}
dataType: "json",
beforeSend: function (XMLHttpRequest) {
//请求前业务
},
success: function (data, textStatus) {
//请求成功业务
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//请求错误业务
}
});
```
后台解析Json数据
后台主要是解析Json数据并进行相应处理,例如CURD操作。解析的代码如下所示:
```csharp
"application/json";
var data ;
var sr new StreamReader();
var stream ();
var javaScriptSerializer new JavaScriptSerializer();
var jarr
List
foreach (var j in jarr)
{
(());
}
```
引用NewtonSoft.dll进行Json解析和生成
如果需要更复杂的Json解析和生成,可以引用NewtonSoft.dll,同时需要添加以下命名空间:
```csharp
using ;
using ;
```
Ajax提交Form表单
如果需要提交Form表单数据,可以使用以下代码:
HTML:
```html
```
JS:
```javascript
$.ajax({
url: "@(函数名)", //请求地址
data: {
formdata: $('#addform').serialize(),
},
type: "post",
success: function (data) {
console.log(data);
if (data "true") {
alert("增加成功");
} else {
alert("增加失败");
}
}
});
```
后台处理Form表单数据
后台代码如下所示,用于解析Form表单数据并进行相应处理:
```csharp
"application/json";
var data ;
var sr new StreamReader();
var stream ();
var javaScriptSerializer new JavaScriptSerializer();
var jarr
StuInfo stu new StuInfo();
// 一一对应赋值提交
```
以上是C# Ajax传送数据到后台的方式,通过使用Ajax实现前后端数据交互,我们可以方便地分离前后端,便于分工合作。