如何使用JQuery Ajax调用从Web方法发送和检索数据？

小编典典

如何使用JQuery Ajax调用从Web方法发送和检索数据？

ajax

我旁边有一个文本框和一个按钮。我想通过对webmethod的Jquery
ajax调用发送文本框的内容，并获取相同的大写值并将其显示在警报中。到目前为止，我有此代码，但无法正常工作。

JAVASCRIPT：

function CallWM()
    {

        var name = $('#name').val();


        RealCallWM(name);


    }
    function RealCallWM(name) {

        $.ajax({
            url: 'Register.aspx/UpperWM',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            data: { name: JSON.stringify(name) },
            success: OnSuccess(response),
            error: function (response) {
                alert(response.responseText);
            }
        })
    };

HTML：

  Name:    <input id="name" type="text" /> 
<input id="Button1" type="button" value="button" onclick="CallWM();"/></div>
    </form>

网页方法：

 [WebMethod]
        public static string UpperWM(string name )
        {
            var msg=name.ToUpper();
            return (msg);
        }

阅读 240

2020-07-26

共1个答案

小编典典

根据您的评论，我了解您的问题尚未解决，所以只需尝试一下

    function RealCallWM(name) {
        $.ajax({
            type: "POST",
            url: "Default.aspx/UpperWM",
            data: JSON.stringify({ name: $('#name').val() }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: true,
            success: function (data, status) {
                console.log("CallWM");
                alert(data.d);
            },               
            failure: function (data) {
                alert(data.d);
            },
            error: function (data) {
                alert(data.d);
            }
        });
    }

2020-07-26