フロントエンドとバックエンドの対話に ajax を使用する方法

フロントエンドとバックエンドの対話に ajax を使用する方法: (json オブジェクトをパラメータとして使用する方法のみをテストし、他のメソッドはテストしませんでした。) 1. フロントエンド メソッド: パラメータの受け渡し方法
:
POST
リクエストタイプ: json オブジェクト
応答タイプ: json オブジェクト

 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 オブジェクトのキー名と一致している必要があることに注意してください。

 [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);
        }