Question

当用户点击按钮时，我需要将以下TextFields的值提交到位于/TestService/SaveMethod的Web服务。

 <div class="content">
                  @Html.TextBoxFor(mo => mo.id, new { id = "id" })     
                 <input type="text" id="fname" name="fname" />     
                <input type="submit" value="send" class="save"/>

        </div>

jquery的：

$(function () {
    $('.save').click(function () {  // How to grab the values of those textfields and send it over the webservice located at `/TestService/SaveMethod` });


});

Answer 1

除非你明确想要使用它，否则你不需要jQuery，对于ajax也是如此。只需在您的html中添加一个表单，如：

 <div class="content">
   @using(Html.BeginForm("SaveMethod","TestService",new{},FormMethod.Post,new{}){
    @Html.TextBoxFor(mo => mo.id, new { id = "id" },new{})     
    <input type="text" id="fname" name="fname" />     
    <input type="submit" value="send" class="save"/>
   }
  </div>

Answer 2

您可以通过使用val（）方法访问其值来获取脚本中的textfield值，并使用ajax post将值发送到webservice。

$(function () {
    $('.save').click(function () {  

 var name = $("#taYourName").val();
        $.ajax(
        {
            Type: "POST",
            contentType: "application/xml",
            url: "YourNameIs.asmx/YourName",
            data: { yourName: name },
            success: function (msg) {
                $("#lblForAjax").text(msg);
            }
        });


});
});

Answer 3

应该是这样的：它会给你起名字。

$(function () {
    $('.save').click(function ()
    {
        var name = $("#fname").val();
    });
});

Answer 4

你可以用jquery ajax来做。这是一个经过测试的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Test webservices</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

    <script>
        $(document).ready(function () {
            $('#submit').click(function (e) {
                e.preventDefault();
                var x = $('#myval').val();
                $.ajax({                                      
                    url: 'webservice.php', 
                    type: 'GET',
                    contentType: 'text/html',
                    dataType: 'text',
                    data:  {
                         data : x
                    },
                    success: function(response)
                    {
                        alert("data send to webservice");
                    },
                    error: function (response) 
                    {
                    },
                });         
            });
        });

    </script>
</head>
<body>
    <form action='' method='get'>
        <input type='text' name='myval' id='myval' >
        <input type='submit' value='Go' id='submit' >
    </form>

</body>
</html>

我希望这能解决你的问题。

如何获取文本字段值并通过Web服务发送值

4 个答案: