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.