如何使用jquery和razor制作搜索表單

Question

我已經使用webmatrix制作了一個CRUD應用程序。 我正在使用jquery和razor語法。 在我仍在學習的過程中，花了我很長時間才弄清楚如何使用jquery並在我的asp.net中實現它。

下面是我完成的代碼：

 $('#grid').click({
                 function () {
                        $.ajax({
                            type: "POST",
//javascript code here

</script>
</head>
<body>
input type="text" name="fname"><<input type="button" value="Submit form">

<div id="grid" class="ui-widget">
    @RenderPage("~/Partials/Recipient.cshtml")
</div>

我對以下一種方式感興趣：單擊提交按鈕時，文本框中的值將發布到Recpient.cshtml並執行，然后將其呈現在搜索下方。 我被困在這里，我需要將輸入值發布到Partials / Recipient.cshtml。

Answer 1

首先，您配置ajax調用（它將fname輸入字段的值作為POST參數發送到Recipient.cshtml腳本），然后在成功時處理Recipient.cshtml輸出。

它應該看起來像：

$.ajax({
url: "Partials/Recipient.cshtml",
type: "POST",
data: { fname: $('input[name$="fname"]').val() }
success: function(ajaxoutput)
{
    //dosomething();
}
});

更多信息： http : //api.jquery.com/jQuery.ajax/

如何使用jquery和razor制作搜索表單

問題描述

1 個解決方案

解決方案1
1 已采納 2013-03-02 16:05:59

如何使用jquery和razor制作搜索表單

問題描述

1 個解決方案

解決方案1 1 已采納 2013-03-02 16:05:59

解決方案1
1 已采納 2013-03-02 16:05:59