Ошибка вставки при использовании веб-сервисов и jjery ajax

Question

Когда я заполняю форму в HTML, я вижу ошибку 500. Мой веб-сервис не работает.Когда я копирую URL-адрес и открываюсь в новой таблице, то он показывает ошибку ниже.

[WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)]
        public void addNewUser(string name,string address,string email, string phoneno, string pin)
        {
            JavaScriptSerializer ser = new JavaScriptSerializer();
            string Message = "";
            try
            {
                using (MySqlConnection connection = new MySqlConnection(DBconnect.ConnectionString))
                {
                    MySqlCommand cmd = new MySqlCommand("INSERT INTO users(name,address,email,phoneno,pin) VALUES(@name,@address,@email,@phoneno,@pin)", connection);
                    cmd.Parameters.AddWithValue("@name", name);
                    cmd.Parameters.AddWithValue("@address", address);
                    cmd.Parameters.AddWithValue("@email", email);
                    cmd.Parameters.AddWithValue("@phoneno", phoneno);
                    cmd.Parameters.AddWithValue("@pin", pin);
                    connection.Open();
                    cmd.ExecuteNonQuery();
                    connection.Close();
                }
                Message = "New User is added Successfully.";
            }
            catch (Exception ex)
            {
                Message = "Not Added";
            }
            var JSonData = new
            {
                Message = Message
            };
            HttpContext.Current.Response.Write(ser.Serialize(JSonData));
        }

<script type="text/javascript">
$(document).ready(function () {
    $("#btnAdduser").on('click', function (e)
    {

    e.preventDefault();
    var All_users = {};  
    All_users.name   = $('#name').val();  
    All_users.address = $('#address').val();  
    All_users.email  = $('#email').val();  
    All_users.phoneno  = $('#phoneno').val();  
    All_users.pin    = $('#pin').val();  
     var jsonData = JSON.stringify({
                    All_users: All_users
                });

        $.ajax({
                    type: "POST",
                    url: "http://localhost/WebApi/WebService.asmx?op=addNewUser",
                    data: jsonData,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: OnSuccess,
                    error: OnErrorCall
        });
        function OnSuccess(response) {
                    var result = response.d;
                    if (result == "success") {
                        $("#msg").html("New record addded successfully  :)").css("color", "green");
                    }
                    $("#name").val("");
                    $("#address").val("");
                    $("#email").val("");
                    $("#phoneno").val("");
                    $("#pin").val("");

                }

                function OnErrorCall(response) {
                    $("#msg").html("Error occurs  :(").css("color", "red");
                }
    });
  });

</script>

*

System.InvalidOperationException: отсутствует параметр: name.в System.Web.Services.Protocols.ValueCollectionParameterReader.Read (коллекция NameValueCollection) в System.Web.Services.Protocols.HttpServerProtocol.ReadParameters ()
в System.Web.Services.Protocols.WebServiceHandquCore (100).

*

Answer 1

Я пытался воспроизвести ваше дело.Проблема в том, что UseHttpGet = true, измените на UseHttpGet = false, а также проверьте этот атрибут в классе [System.Web.Script.Services.ScriptService] и обновите свой AJAX-вызов на WebService.asmx/addNewUser следующим образом:

<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
<button id="btnAdduser">Test</button>
<script type="text/javascript">
$(document).ready(function () {
    $("#btnAdduser").on('click', function (e)
    {

    e.preventDefault();
    var All_users = {};  
    All_users.name   = "Hien";  
    All_users.address = "Test";  
    All_users.email  = "Test";  
    All_users.phoneno  = "Test";  
    All_users.pin    = "123";  
     var jsonData = JSON.stringify({
                    data: All_users
                });

              $.ajax({
                    type: "POST",
                    url: 
                    "http://localhost/WebApi/WebService.asmx/addNewUser",
                    data: JSON.stringify(All_users),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: OnSuccess,
                    error: OnErrorCall
        });
        function OnSuccess(response) {
                    var result = response.d;
                    if (result == "success") {
                        $("#msg").html("New record addded successfully  :)").css("color", "green");
                    }
                    $("#name").val("");
                    $("#address").val("");
                    $("#email").val("");
                    $("#phoneno").val("");
                    $("#pin").val("");

                }

                function OnErrorCall(response) {
                    $("#msg").html("Error occurs  :(").css("color", "red");
                }
    });
  });

</script>