使用ajax进行前后端交互的方法:(我只测试通了json对象作为参数的方式,其他方式我没有测试通过)
1、前端方法:
传参方式:POST
请求类型:json对象
响应类型:json对象文章来源:https://www.toymoban.com/news/detail-620180.html
function test() {
var param1Value = "Hello";
var param2Value = "World";
// 构建发送给服务器的JSON对象
var jsonobj = {
param1: param1Value,
param2: param2Value
};
$.ajax({
type: "POST",//传参方式
url: "test01.aspx/tt", // 这里根据你的WebMethod路径进行修改
data: JSON.stringify(jsonobj), //请求类型,将对象序列化为JSON字符串后传递到后端
contentType: "application/json; charset=utf-8",
dataType: "json", //响应类型
success: function (data) {
// 请求成功的回调函数
// data是服务器返回的JSON对象
console.log(data);
},
error: function (error) {
// 请求失败的回调函数
console.error(error);
}
});
}
2、后端方法:无需创建一个类来接收前端传来的json字符串,需要注意是:使用的接收参数必须与前端定义的json对象中的键名要一致。文章来源地址https://www.toymoban.com/news/detail-620180.html
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string tt(string param1, string param2)
{
//后端创建json对象
var resultObject = new
{
Message = "Success",
Data = new
{
Param1Result = param1.ToUpper(),
Param2Result = param2.ToLower(),
SomeOtherData = "Hello from server!"
}
};
// 将对象序列化为JSON字符串并返回
return Newtonsoft.Json.JsonConvert.SerializeObject(resultObject);
}
到了这里,关于使用ajax进行前后端交互的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!