Question

这是我的 hltm5 代码

<div data-options="dxView : { name: 'home' } " >
    <div data-options="dxContent : { targetPlaceholder: 'content' } " >
        <h1 data-bind="text: message"></h1>
        <div id="textusername" data-bind="dxTextBox: { value: name }" style="width: 150px"></div>
        <div id="textpwd" data-bind="dxTextBox: { value: name }" style="width: 150px"></div>       
        <div data-bind="dxButton: { text: 'Login', clickAction: sayHello }"></div>
        <div data-bind="dxButton: { text: 'Forget Password', clickAction: greet }"></div>
    </div>
</div>

这是我的 JavaScript 代码

sayHello: function () {
            var username = $("#textusername").dxTextBox("instance");
            var G_username = username.option('value');                
            var pwd=$("#textpwd").dxTextBox("instance");
            var G_pwd= pwd.option('value');
             $.ajax({ type: "POST",
    url: "AllMethods.asmx/HelloWorlds",
    data: "{ 'username': " + $("#G_username").dxTextBox("instance") + ", 'pwd': " + $("#G_pwd").dxTextBox("instance") + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json"});     
}

我的问题是：如何使用javascript将两个参数值传递给Web服务并从webservice获取返回值...请举例...

Answer 1

检查以下链接，以便将参数传递给webservice

http://midnightprogrammer.net/post/calling-asp-net-web-service-using-jquery-part-ii-passing-parameters

Answer 2

我认为将用户名和密码作为Json数据发送是不安全的。但是对于你的问题，这里是你如何将数据传递给webservice：

        var username = $("#txtUsername").val();
        var password = $("#txtPassword").val();
        $.ajax({
            url: "webservice url",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{'username':'"+username+"','password':'"+password+"'}",
            cache: false,
            success: function (data) {
                var output = data.d;
            },
            error: function (data) {
            }
        });

Answer 3

删除引号

更改

data: "{ 'username': " + $("#G_username").dxTextBox("instance") + ", 'pwd': " + $("#G_pwd").dxTextBox("instance") + "}",

与

data: { 
   'username': $("#G_username").dxTextBox("instance"), 
   'pwd': $("#G_pwd").dxTextBox("instance")
},

此外，无需指定此contentType: "application/json; charset=utf-8"

使用javascript将参数值传递给Web服务

3 个答案: