使用ajax進行前后端交互的方法：（我只測試通了json對象作為參數(shù)的方式，其他方式我沒有測試通過）
1、前端方法：
傳參方式：POST
請求類型：json對象
響應類型：json對象文章來源：http://www.zghlxwxcb.cn/news/detail-620180.html
function test() {
var param1Value = "Hello";
var param2Value = "World";
// 構建發(fā)送給服務器的JSON對象
var jsonobj = {
param1: param1Value,
param2: param2Value
};
$.ajax({
type: "POST",//傳參方式
url: "test01.aspx/tt", // 這里根據(jù)你的WebMethod路徑進行修改
data: JSON.stringify(jsonobj), //請求類型，將對象序列化為JSON字符串后傳遞到后端
contentType: "application/json; charset=utf-8",
dataType: "json", //響應類型
success: function (data) {
// 請求成功的回調(diào)函數(shù)
// data是服務器返回的JSON對象
console.log(data);
},
error: function (error) {
// 請求失敗的回調(diào)函數(shù)
console.error(error);
}
});
}
2、后端方法：無需創(chuàng)建一個類來接收前端傳來的json字符串，需要注意是：使用的接收參數(shù)必須與前端定義的json對象中的鍵名要一致。文章來源地址http://www.zghlxwxcb.cn/news/detail-620180.html
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string tt(string param1, string param2)
{
//后端創(chuàng)建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進行前后端交互的方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
