weixin_33688840 2015-09-15 18:34 采纳率: 0%
浏览 28

发送数据到局部视图

Want to implement search functionality using partial view for the returned data.

My html :

<select id="searchSelect">
    <option value="All">All</option>
    <option value="Title">Title</option>
    <option value="Category">Category</option>
    <option value="ISBN">ISBN</option>
</select>

@Html.DropDownList("Categories", "Select Category")
<input type="text" id="SearchBy" placeholder="sometext" />
<a href="javascript:void(0);" class="search">Search</a>

Now, how to pass these values to partial view ?? - And how to load partial ??

I have made this function :

$(document).on("click", ".search", function () {
    var searchBy = $("#searchSelect option:selected").val();
    if (searchBy == "All") {
        var text = $("#SearchBy").val();
        $.ajax({
            type: "POST",
            url: "Search",
            data: JSON.stringify({ "data": text }),
            success: function (r) {
                $(".load").html(r.data);
            }
        });
    }
});

But i realize that this way i should use JSON.

  • 写回答

1条回答 默认 最新

  • weixin_33743703 2015-09-15 19:43
    关注

    You must implement Search action in your default controller to return PartialViewResult and then in the success callback of the ajax request you will receive the desired html.

    The Ajax call:

    [ ... ]
    
    var text = $("#SearchBy").val();
    $.ajax({
        type: "POST",
        url: "Search",
        contentType: "application/json", // Specify the content type
        data: JSON.stringify({ "data": text }), // Here you pass data to the controller's action
        success: function (response) {
            $(".load").html(response);
        }
    });
    
    [ ... ]
    

    Search Action in HomeController:

    public ActionResult Search(string data)
    {
        // Here use data, call some service or whatever
        MyModel myModel = myService.GetMyModel();
    
        [ ... ] 
    
        return PartialView(someModel);
    }
    

    Search.cshtml partial view:

    @model MyModel
    
    @{
        Layout = null;
    }
    
    <h1>@Model.Prop1</h1>
    <h2>@Model.Prop2</h2>
    
    [ ... ]
    
    评论

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型