PartialView 正在另一个页面中打开

Question

我正在创建一个搜索字段，它会触发返回局部视图的请求函数，根据结果，我想在同一页面的搜索字段下以局部视图显示响应。用户在文本字段中写入内容并单击搜索按钮，然后在其下方显示结果。我得到了结果，但我的局部视图在另一个页面中打开，而不是在同一页面的搜索字段下打开。看起来我的 onClick 函数也没有触发。

我的主要观点：

 <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">
            <div class="col-6 p-3">
                <form class="form-group" method="post" action="/Books/BookDetail">
                   
                    <div class="input-group">
                        <input type="text" name="barcodes" class="form-control bg-light border-0 small bg-gray-200" placeholder="Kitap Barkodunu giriniz..." aria-label="Search" aria-describedby="basic-addon2">
                        
                        <button class="btn btn-primary" type="submit" id="myBtn" name="myBtn" onclick="showBook">
                            <i class="fas fa-search fa-sm"></i>
                        </button>
                    </div>
                </form>
                
            </div>    
            <br />
            <div id="partialContent">
                
            </div>
        </div>
    </div>

    <script>
        function showBook() {
            $('#partialContent').load("/Controllers/BooksController/BookDetail");
        }
    </script>

书籍详细信息控制器：

public IActionResult BookDetail(string barcodes)
         {
            var request = $"?barcodes={barcodes}";
            var products = _httpTool.HttpGetAsync<List<Products>>($"{AppSettings.ApiUrl}/GetProducts{request}");       
            if(products.Result.Count != 0)
            {
                ViewBag.result = "Success";
                var product = products.Result[0]; 
                return PartialView("_BookDetailPartial", product);
            }
            else
            {
                ViewBag.result = "Failed";
                return View("AddBook");
            }
           
        }

_BookDetailPartial:

<div>
    <h4>PartialCame</h4>
    <br />
    <h5>@Model.Author</h5>
</div>

这里有什么问题？提前致谢！

Answer 1

onclick="showBook"

应该是

onclick="showBook()"

这条路径似乎是错误的：“/Controllers/BooksController/BookDetail”它最有可能是“/Books/BookDetail?barcodes=barcode”

我不确定您所说的在另一个页面中加载局部视图是什么意思。能再详细点吗？

PartialView 正在另一个页面中打开

PartialView is opening in another page

asp.net-core-mvc

.net-core

bootstrap-4