Question

我正在尝试创建一个用户名检查，用于向服务器发送一个用户名，该用户名将回答true或false。每次某人离开文本框时都会发送用户名。我的想法是创建一个调用codebehind c＃方法的ajax方法。但它不起作用。

信息：它是一个WebForms应用程序

ASPX代码：

<script type="text/javascript" src="/scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        function checkUsername() {
            $.ajax({
                type: 'POST',
                url: 'Default.aspx/checkUsername',
                data: JSON.stringify({ name: document.getElementById('txt_Username').value }),
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (msg) {
                    // (inform the user)
                    alert(msg);
                },
                error: function (err) {
                    alert(err);
                }
            });
        });
    </script>

CodeBehind

[WebMethod]
public static string checkUsername(string name)
{
    //Get the server data
    return output;
}

我用这段代码尝试了很多东西，但没有任何作用！

Answer 1

更改此

function checkUsername() {
   $.ajax({
         type: 'POST',
          url: 'Default.aspx/checkUsername',
          data: JSON.stringify({ name: document.getElementById('txt_Username').value }),
          contentType: 'application/json; charset=utf-8',
          dataType: 'json',
          success: function (msg) {
              // (inform the user)
              alert(msg);
           },
           error: function (err) {
                    alert(err);
            }
            });
        });

到

    function checkUsername() {
      var obj = { "name": $('txt_Username').val() }
       $.ajax({
              type: "POST",
              contentType: "application/json; charset=utf-8",
              url: "Default.aspx/checkUsername",
              data: JSON.stringify(obj),
              dataType: "json",
              success: function (msg) {
                  // (inform the user)
                  alert(msg);
               },
               error: function (err) {
                        alert(err);
                }
                });
            });

Asp.net C＃Ajax调用方法WebForm

1 个答案: