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

Question

当用户单击按钮时，我需要将以下 TextFields 的值提交到位于/TestService/SaveMethod.

 <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` });


});

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

你可以用 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>

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

score 0 · Accepted Answer

你不需要 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>

score 0 · Accepted Answer

您可以通过使用 val() 方法访问其值来获取脚本中的文本字段值，并使用 ajax post 将该值发送到 Web 服务。

$(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);
            }
        });


});
});

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

4 回答 4

Related

Reference