Question

我有一个用C＃/ Razor编写的网页。我正在打印此页面上的数据库中的所有值，如下所示：

<div style="min-height: 150px; font-size: 1.25em">
    <div style="margin-bottom: .5em">
        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Branch</th>
                    <th>Phone No.</th>
                    <th>Extension</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var prod in Model)
                {
                    <tr>
                        <td>@prod.FullName</td>
                        <td>@prod.Branch</td>
                        <td>@prod.PhoneNo</td>
                        <td>@prod.Extension</td>
                        <td>@prod.Email</td>
                        @if (User.IsInRole(@"Admins") || User.Identity.Name == prod.DomainAC)
                        {
                            <td><a href="/home/edit/@prod.Id"  style="color: blue;">edit</a></td>
                        }
                        else
                        {
                            <td>User => @User.ToString()</td>   
                        }
                        <td>
                            <input type="checkbox" name="message" value="@prod.PhoneNo">Message<br>
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
</div>

这可以很好地显示他们的信息。我现在想做的事情有点困难。

在此之下，我有一个包含用户名，密码和消息的表单。使用这个表单，我想有一个行为，在提交时，它将采取表单的输入框中的值和上面的C＃，构建一个链接，导航到链接并打印服务器的响应

所以我有：

@{if (IsPost)
  {
     //handle and print response
  }
  else
  {
    <form method="post" action="">
        Username:<br />
        <input type="text" name="u" /><br />
        Password<br />
        <input type="text" name="p" /><br />
        <br />
        Password<br />
        <textarea name="m" cols="25" rows="5">
        Enter your comments here...
        </textarea><br>
        <br />
        <input type="submit" value="Submit" class="submit" />//when this is clicked, construct url and navigate to it.
    </form>
   }
}

我想从这个表单构建的URL是：

http://webaddress.com/web/d.php?u=<Username entered by user>&p=<Password entered by user>&s=<List of Phone Numbers from the C# above where the checkbox is selected, comma separated>&m=<Comment submitted by user>

所以，如果我的名字是“John”，密码是“Password1”，Comment是“Test”，我为电话号码为“12345678”的用户选择了一个复选框，我将导航到的URL是：< / p>

http://webaddress.com/web/d.php?u=John&p=Password1&s=12345678&m=Test

理想情况下，我想在同一个父网页上打印<div>网页的响应，而不是在可能的情况下转到新网页。

我不知道从哪里开始，如何做到这一点，或者即使这是可能的。有人可以帮帮我吗？

更新：

尝试这个不会提醒我的JQuery，所以我无法调试：

    <script>
        $("#thebutton").click(function() {
            var form = $(document.getElementById('FormID'));
            var urlToConstruct = 'http://webaddress.com/web/d.php';
            urlToConstruct += '?u=' + form.find('#u').val();
            urlToConstruct += '&p=' + form.find('#p').val();
            ('#employeeTable tbody tr').has(':checkbox:checked').find('td:eq(2)').each(function() {
                urlToConstruct.append($(this).text());
                alert(urlToConstruct);
            })
        });
 </script>

Answer 1

$("#SubmitButtonID").click(function() {
    var form = $(document.getElementById('FormID');
    var urlToConstruct = 'http://webaddress.com/web/d.php';
    urlToConstruct += '?u=' + form.find('#iDoFInputControl1').val();
    urlToConstruct += '&p=' + form.find('#iDoFInputControl2').val();
    form.submit();
});

这个例子使用jQuery，一个javascript库（jquery.com），我使用getElementById来查找你的表单，比本机jQuery（）选择器更快。此示例假设您的所有控件都在您的表单中（但如果它们不是，则不会是火车粉碎，只能使用(jQuery obj).find）。

.val()获取值，它也适用于复选框，但如果没有，则使用jquery从复选框中获取值的快速谷歌搜索将返回大量结果。

P.S。我写的代码大多是徒手写的，不是在浏览器中检查它以确保它是完全正确的。

更新...以回答您的跟进问题......

如果您使用mvc（假设您使用剃须刀），则在您的控制器中，您可以使用Request.Params["urlParameter"]或Request.Form["controlID"]来访问您从浏览器收到的内容。然后，一旦获得了这些值，就应该将它们放在“ViewBag”（ViewBag.yourVariableHere="val"）中，以便通过@ViewBag.yourVariableHere在您的视图中访问它们，或者您可以在模型中包含所需的数据也可以在您的视图中访问

是否可以构建一个链接，导航到它并以编程方式在C＃中打印响应？怎么样？

1 个答案: