javascript - 我无法使用 jquery 将 html 文本框值传递给 web 服务

Question

我无法使用 jquery 将 html 文本框值传递给 Web 服务我的 jquery 对于空用户名和密码工作正常，但如果我添加 ajax 部分，它就不起作用。请帮助我解决这个问题我的 html 脚本

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript" >
        $(function () {
            $("#ButtonLogin").click(function () {
                var username = $("#TextUN").val();
                var password = $("#TextP").val();
                if (username == "") { alert("fill  the username !"); return; }
                if (password == "") { alert("fill  the password !"); return; }

                var str = "{'userName':'" + username + "', 'password': '" + password + "'}";



                $.ajax({
                    type: "post",
                    url: "http://localhost:4522/AdWebService.asmx/CheckUser",
                    contenttype: "application/json; charset=utf-8",
                    data: str,
                    datatype: "json",
                    success: function (res) {
                        try {

                            var jsondata = res.d;
                            if (jsondata == "true") {
                                window.location("http://localhost:5273/");
                            }
                            else  {
                                alert("failure")
                            }
                        }
                        catch (e) {
                            alert(e.ToString());
                        }
                    },
                    failure: function (err) {
                        alert(err)
                    }

                });




            });

        });

    </script>

我的网络服务方法:

        [WebMethod]
        public string CheckUser(string un,string pass)
        {
            UserAds u = new UserAds();
            u.UserName = un;
            u.Password = pass;
            JavaScriptSerializer js = new JavaScriptSerializer();
            return js.Serialize(udao.CheckUser(u));          

        }

Answer 1

您需要传递正确的参数。由于您已将 un 和 pass 定义为 Web 服务方法的参数，因此您需要使用它们。

使用

var str = "{'un':'" + username + "', 'pass': '" + password + "'}";

您也可以使用JSON.stringify()

var str = JSON.stringify({
    un: username,
    pass: password
});