Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: Web, ASP.NET
Войти
Регистрация
Восстановить пароль
 
Soft17
4 / 4 / 3
Регистрация: 15.01.2017
Сообщений: 518
1

Ошибка: "Uncaught Reference Error: $ is not defined" (Ajax)

10.02.2020, 23:16. Просмотров 228. Ответов 4

Создал приложение ASP.NET Framework. Empty. MVC.
Получаю ошибку: "Uncaught Reference Error: $ is not defined"

Как сделать чтобы кнопка работала?

GetProducts.cshtml
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
@using WebApplFrmMVCEmpty.Models
@model IEnumerable<Product>
 
 
@{
    Layout = null;
}
 
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Index</title>
        <link rel="stylesheet" href="~/Content/Site.css">
        <script href="~/Scripts/jquery-3.4.1.min.js"></script>
        <script href="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    </head>
<div>
    <table class="table">
        
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody>
            @foreach (Product p in Model)
            {
                <tr>
                    <td>@p.ID</td>
                    <td>@p.Name</td>
                    <td>@p.Description</td>
                </tr>
            }
        </tbody>
    </table>
</div>
<hr>
<hr />
 
<table>
    <tr>
        <th>Product ID</th>
    </tr>
    <tr>
        <td>
            <input id="txtId" name="txtId" type="text" />
        </td>
    </tr>
</table>
<input id="btnGetProducts" name="btnGetProducts" type="button" value="Get Products" />
 
 
<script>
    $('#btnGetProducts').click(function () {
        var idVal = $('#txtId').val();
        $.ajax({
            url: '/Home/GetProducts',
            contentType: 'application/html; charset=utf-8', 
            data: { id: idVal },
            type: 'GET',
            dataType: 'html'
 
        })
            .success(function (result) {
                $('#resultList').html(result);
            })
            .error(function (xhr, status) {
                alert(status);
            })
    });
</script>
HomeController.cs

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
using WebApplFrmMVCEmpty.Models;
// using 
 
namespace WebApplFrmMVCEmpty.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            List<Product> Items = new List<Product>();
 
            Items = FillList();
 
            return View(Items);
            // return View();
        }
 
        public PartialViewResult GetProducts(List<string> CriteriaList)
        {
            List<Product> ItemsList = FillList();
 
            List<Product> resultList = ItemsList.Where(x => CriteriaList.Contains(Convert.ToString(x.ID))).ToList();
 
            return PartialView("GetProducts", resultList);
        }
 
 
        public List<Product> FillList()
        {
            List<Product> ItemsLst = new List<Product>();
 
            // List Fill
            ItemsLst.Add(new Product() { ID = 1, Name = "Name_1", Description = "Description_1" });
            ItemsLst.Add(new Product() { ID = 2, Name = "Name_2", Description = "Description_2" });
            ItemsLst.Add(new Product() { ID = 3, Name = "Name_3", Description = "Description_3" });
            ItemsLst.Add(new Product() { ID = 4, Name = "Name_4", Description = "Description_4" });
            ItemsLst.Add(new Product() { ID = 5, Name = "Name_5", Description = "Description_5" });
 
            return ItemsLst;
        }
    }
}
0
Миниатюры
Ошибка: "Uncaught Reference Error: $ is not defined" (Ajax)   Ошибка: "Uncaught Reference Error: $ is not defined" (Ajax)  
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.02.2020, 23:16
Ответы с готовыми решениями:

Ошибка после конвертации метода на С++ к С#: "Неявное преобразование типа "int" в "bool" невозможно"
Ошибка после преобразования метода на С++ к С#: &quot;Неявное преобразование типа &quot;int&quot; в &quot;bool&quot;...

Ошибка CS0019: Оператор "*" не может применяться к операндам типа "decimal" и "float"
Здравствуйте! Писал приложение и наткнулся на интересную ошибку (честно говоря, я не совсем понимаю...

Ошибка "error CS1503". Преобразование из string в T
Всем привет. Собственно, сабж. Вылезает ошибка error CS1503 в 7 строчке: BinList = new...

web.config, <customErrors mode="On" defaultRedirect="~/error.aspx" />
у меня на локальном сервере IIS, лежит папка website12, а в ней файлы aspx и aspx.cs , когда...

Ошибка: "Не удалось привести тип объекта "System.ConsoleKeyInfo" к типу "System.IConvertible"."
При запуске пишет, что &quot;Не удалось привести тип объекта &quot;System.ConsoleKeyInfo&quot; к типу...

4
Soft17
4 / 4 / 3
Регистрация: 15.01.2017
Сообщений: 518
11.02.2020, 18:00  [ТС] 2
Обновление-1
В вопросе привёл неправильный код.
Указал код из GetProducts.cshtml для Index.cshtml

Исправляю ошибку.
Index.cshtml
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
@using WebApplFrmMVCEmpty.Models
@model IEnumerable<Product>
 
 
@{
    Layout = null;
}
 
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" href="~/Content/Site.css">
    <script href="~/Scripts/jquery-3.4.1.min.js"></script>
    <script href="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
</head>
<div>
    <table class="table">
 
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody>
            @foreach (Product p in Model)
            {
                <tr>
                    <td>@p.ID</td>
                    <td>@p.Name</td>
                    <td>@p.Description</td>
                </tr>
            }
        </tbody>
    </table>
</div>
<hr>
<hr />
 
<table>
    <tr>
        <th>Product ID</th>
    </tr>
    <tr>
        <td>
            <input id="txtId" name="txtId" type="text" />
        </td>
    </tr>
</table>
 
<input id="btnGetProducts" name="btnGetProducts" type="button" value="Get Products" />
<input id="btnGetProducts2" type="button" value="Get Products" />
<div id="results"> </div>
 
<script>
    $('#btnGetProducts').click(function () {
        var idVal = $('#txtId').val();
        $.ajax({
            url: '/Home/GetProducts',
            contentType: 'application/html; charset=utf-8',
            data: { id: idVal },
            type: 'GET',
            dataType: 'html'
 
        })
            .success(function (result) {
                $('#resultList').html(result);
            })
            .error(function (xhr, status) {
                alert(status);
            })
    });
</script>
 
<script type="text/javascript">
    $(document).ready(function () {
        $('#btnGetProducts2').click(function (e) {
            e.preventDefault();
            var name = $('#txtId').val();
            name=encodeURIComponent(name);
            $('#results').load('@Url.Action("BookSearch", "Home")?name=' + name)
        });
    });
 
</script>
Частичное представление GetProducts.cshtml
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
@using WebApplFrmMVCEmpty.Models
@model IEnumerable<Product>
 
@{
    Layout = null;
}
 
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
 
    <link rel="stylesheet" href="~/Content/Site.css">
</head>
<div>
    <table class="table">
        @*<col>
            <col>
            <col>
            <col>*@
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Description</th>
            </tr>
        </thead>
        <tbody>
            @foreach (Product p in Model)
            {
                <tr>
                    <td>@p.ID</td>
                    <td>@p.Name</td>
                    <td>@p.Description</td>
                </tr>
            }
        </tbody>
    </table>
</div>
<hr>
<hr />
0
Cupko
518 / 498 / 138
Регистрация: 17.07.2012
Сообщений: 1,480
Записей в блоге: 1
Завершенные тесты: 2
11.02.2020, 18:04 3
Soft17, в консоли вижу 3 ошибки. Скрин в студию!
Вероятно, Очевидно, проблемы с подключением jQuery.
1
Soft17
4 / 4 / 3
Регистрация: 15.01.2017
Сообщений: 518
11.02.2020, 19:06  [ТС] 4
Цитата Сообщение от Cupko Посмотреть сообщение
Soft17, в консоли вижу 3 ошибки. Скрин в студию!
Вероятно, Очевидно, проблемы с подключением jQuery.
Содержание консоли:
The connection used to load resources from https://localhost:44378 used TLS 1.0 or TLS 1.1, which are deprecated and will be disabled in the future. Once disabled, users will be prevented from loading these resources. The server should enable TLS 1.2 or later. See https://www.chromestatus.com/feature/5654791610957824 for more information.
Index:69 Uncaught ReferenceError: $ is not defined
at Index:69
Index:89 Uncaught ReferenceError: $ is not defined
at Index:89
2:44378/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
DevTools failed to parse SourceMap: chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/include.preload.js.map
DevTools failed to parse SourceMap: chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/include.postload.js.map
0
Миниатюры
Ошибка: "Uncaught Reference Error: $ is not defined" (Ajax)  
Soft17
4 / 4 / 3
Регистрация: 15.01.2017
Сообщений: 518
12.02.2020, 09:42  [ТС] 5
Cupko,
Приведённый в вопросе код сам по себе верный?
Должен работать?
0
12.02.2020, 09:42
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.02.2020, 09:42

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Syntax error в Register: <%@ Register TagPrefix="sb" Namespace="SB.WebControls" Assembly="SB.WebControls"%>
Народ, помогите плз. чего ему не нравиться? &lt;%@ Register TagPrefix=&quot;sb&quot; Namespace=&quot;SB.WebControls&quot;...

При вызове метода sqlDataAdapter.Fill(dataSet, "T_Vhod_doc") происходит ошибка "Login failed for user"
Доброго времени суток! При вызове метода sqlDataAdapter.Fill(dataSet, &quot;T_Vhod_doc&quot;) происходит...

Ошибка "Тип "MyPoint" создан из нескольких разделенных классов в одном и том же файле." при открытии дизайнера
Добрый день, формучане. У меня возникла необходимость добавления моего класса в коллекцию, для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.