Внутри JQuery функции добавить HTML-код получил ошибку

Question

Внутри JQuery функции добавить HTML-код получил ошибку

0

Это функция My jquery здесь, я добавляю html-код внутри функции. Это вызвало ошибку

function onDivisionChange() {
  $.ajax({
    type : 'POST',
    dataType : 'json',
    url : '/Example/selectDivision.html',
    data : ({
        id : $('#division').val()
    }),
    success : function(responseData) {

        if (responseData != null) {

            $('#student').find('td').remove().end().append('').val('-1');
            $.each(responseData, function(index, item) {

                $('#student').append(   
                    $('<td></td>').val(item['id']).html(item['id']),

                    $('<td></td>').val(item['id']).html(
                         '<a href="edit.html?id=' + item['id'] + '" >Edit</a>'),
                                                       ^ 
                                                       |_ Here Error Occured

  Error is the  '+ item['id'] + ' this line takes as string, not the id value 

   in browser Link as  ->   edit.html?id=' + item['id'] + '

            Correct format is  edit.html?id= 41            


                    $('<br />').val(item['id']).html(item['']));

            });
        } 
    }

});

}

Если вы знаете об этой ошибке, поделитесь своим ответом

РЕДАКТИРОВАТЬ

Страница

function onStudentDivisionChange() {
    $.ajax({
        type : 'POST',
        dataType : 'json',
        url : '/Example/selectDivision.html',
        data : ({
            id : $('#division').val()
        }),
        success : function(responseData) {

            if (responseData != null) {

                $('#student').find('td').remove().end().append(
                        '').val('-1');
                $.each(responseData, function(index, item) {

                    $('#student').append(
                            $('<td></td>').val(item['id']).html(
                                    item['id']),
                            $('<td></td>').val(item['id']).html(
                                    item['name']),
                            $('<td></td>').val(item['id']).html(
                                    item['fatherName']),
                            $('<td></td>').val(item['id']).html(
                                    item['motherName']),
                            $('<td></td>').val(item['id']).html(
                                    item['admissionNo']),
                            $('<td></td>').val(item['id']).html(
                                    item['phoneNo']),
                            $('<td></td>').val(item['id']).html(
                                    '<a href="edit.html?id=' + (item['id']) + '" >Edit</a>'));
                    alert("Id:"+item['id']);

                });
            } else {
                $('#student').find('td').remove().end().append(
                        '<td th:text="${student}"></td>').val('-1');
            }
        }

    });
}

Prasanth A R 29 нояб. 2013, в 08:50

Источник

1

Пожалуйста, укажите, какая ошибка. Также, пожалуйста, вставьте console.log(JSON.stringify(item)) непосредственно перед строкой ошибки и сообщите, что она выводит.
Amadan 29 нояб. 2013, в 06:58
0

@Amadan ошибка - ошибка несоответствия типов, потому что '+ item [' id '] +' принимается как строка, а не как внутреннее значение. Я думаю, это потому, что неправильный формат кварталов, отображаемый в консоли: Ошибка поля в объекте 'student' в поле 'id': отклоненное значение ['item [' id ']']; коды [typeMismatch.student.id, typeMismatch.id, typeMismatch.long, typeMismatch]
Prasanth A R 29 нояб. 2013, в 07:01
0

Что такое item - массив, я думаю, - из чего?
Scary Wombat 29 нояб. 2013, в 07:02
0

@ user2310289: Если бы это был массив, item['id'] был бы не определен. Это должен быть объект.
Amadan 29 нояб. 2013, в 07:03
0

Пожалуйста, предоставьте этот код
Scary Wombat 29 нояб. 2013, в 07:04
1

Это сообщение об ошибке «Ошибка поля ...», по-видимому, является ошибкой, сгенерированной средой Spring, и не имеет ничего общего с клиентской частью - ни jQuery, ни HTML.
Amadan 29 нояб. 2013, в 07:06
0

@Amadan, почему бы ошибка, сгенерированная Spring Framework, но показанная в консоли браузера?
Scary Wombat 29 нояб. 2013, в 07:09
0

Я понятия не имею, но поиск в Google, кажется, указывает на то, что я сказал. Это конечно не ошибка JavaScript.
Amadan 29 нояб. 2013, в 07:11
0

@ Amadan, если я изменю код в <a href="edit.html?id= 41 "> Edit </a> '), это будет работать правильно. Я не знаю больше об этом, я только начинающий
Prasanth A R 29 нояб. 2013, в 07:11
0

@PrasanthAR: Нет, не будет, так как вы полностью исказили цитаты. То, что вы написали, не может работать. Пожалуйста, используйте копирование и вставку, чтобы показать точные ошибки и код.
Amadan 29 нояб. 2013, в 07:12
0

@Amadan код: $ ('<td> </ td>'). Val (item ['id']). Html ('<a href = "edit.html? Id =' + item ['id'] + '"> Изменить </a>')
Prasanth A R 29 нояб. 2013, в 07:18
0

@ Amadan ошибка в браузере
Prasanth A R 29 нояб. 2013, в 07:20
0

org.springframework.validation.BindException: org.springframework.validation.BeanPropertyBindingResult: 1 error Ошибка поля в объекте 'student' на field'id ': отклоненное значение [' item ['id'] ']; коды [typeMismatch.student. идентификатор, typeMismatch.id, typeMismatch.long, typeMismatch]; arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [student.id, id]; arguments []; сообщение по умолчанию [id]]; сообщение по умолчанию [Не удалось преобразовать значение свойства типа 'java.lang.String' в обязательный тип 'long' для свойства 'id'; вложенное исключение - java.lang.NumberFormatException: для входной строки: "'item [' id ']'"]
Prasanth A R 29 нояб. 2013, в 07:20
0

Да, так или иначе, ваша ссылка генерируется неправильно. Тем не менее, я не вижу способа, чтобы приведенный выше код все испортил.
Amadan 29 нояб. 2013, в 07:33
0

Отправленная вами ошибка - это ошибка на стороне сервера, а не ошибка браузера. Вы говорите, что эта ошибка происходит, когда вы нажимаете на ссылку edit.html ?
Scary Wombat 29 нояб. 2013, в 07:36
0

@ user2310289 Да, при нажатии на ссылку редактирования появляется ошибка
Prasanth A R 29 нояб. 2013, в 07:39
0

@ Amadan я редактирую свой вопрос и показывает код
Prasanth A R 29 нояб. 2013, в 07:39
0

@PrasanthAR смотри мой ответ
Scary Wombat 29 нояб. 2013, в 07:48

Показать ещё 16 комментариев

Теги:

jquery

html

2 ответа

0

Я думаю, вы можете попробовать использовать parseInt() для его преобразования.

 $('<td></td>').val(item['id']).html(
                     '<a href="edit.html?id=' + parseInt(item['id']) + '" >Edit</a>')

Furquan Khan 29 нояб. 2013, в 06:07

0

это не работа для меня ру тест это действительно работа?
Prasanth A R 29 нояб. 2013, в 07:25

Ещё вопросы

Пожалуйста, укажите, какая ошибка. Также, пожалуйста, вставьте console.log(JSON.stringify(item)) непосредственно перед строкой ошибки и сообщите, что она выводит.
@Amadan ошибка - ошибка несоответствия типов, потому что '+ item [' id '] +' принимается как строка, а не как внутреннее значение. Я думаю, это потому, что неправильный формат кварталов, отображаемый в консоли: Ошибка поля в объекте 'student' в поле 'id': отклоненное значение ['item [' id ']']; коды [typeMismatch.student.id, typeMismatch.id, typeMismatch.long, typeMismatch]
Что такое item - массив, я думаю, - из чего?
@ user2310289: Если бы это был массив, item['id'] был бы не определен. Это должен быть объект.
Пожалуйста, предоставьте этот код
Это сообщение об ошибке «Ошибка поля ...», по-видимому, является ошибкой, сгенерированной средой Spring, и не имеет ничего общего с клиентской частью - ни jQuery, ни HTML.
@Amadan, почему бы ошибка, сгенерированная Spring Framework, но показанная в консоли браузера?
Я понятия не имею, но поиск в Google, кажется, указывает на то, что я сказал. Это конечно не ошибка JavaScript.
@ Amadan, если я изменю код в <a href="edit.html?id= 41 "> Edit </a> '), это будет работать правильно. Я не знаю больше об этом, я только начинающий
@PrasanthAR: Нет, не будет, так как вы полностью исказили цитаты. То, что вы написали, не может работать. Пожалуйста, используйте копирование и вставку, чтобы показать точные ошибки и код.
@Amadan код: $ ('<td> </ td>'). Val (item ['id']). Html ('<a href = "edit.html? Id =' + item ['id'] + '"> Изменить </a>')
org.springframework.validation.BindException: org.springframework.validation.BeanPropertyBindingResult: 1 error Ошибка поля в объекте 'student' на field'id ': отклоненное значение [' item ['id'] ']; коды [typeMismatch.student. идентификатор, typeMismatch.id, typeMismatch.long, typeMismatch]; arguments [org.springframework.context.support.DefaultMessageSourceResolvable: codes [student.id, id]; arguments []; сообщение по умолчанию [id]]; сообщение по умолчанию [Не удалось преобразовать значение свойства типа 'java.lang.String' в обязательный тип 'long' для свойства 'id'; вложенное исключение - java.lang.NumberFormatException: для входной строки: "'item [' id ']'"]
Да, так или иначе, ваша ссылка генерируется неправильно. Тем не менее, я не вижу способа, чтобы приведенный выше код все испортил.
Отправленная вами ошибка - это ошибка на стороне сервера, а не ошибка браузера. Вы говорите, что эта ошибка происходит, когда вы нажимаете на ссылку edit.html ?
@ user2310289 Да, при нажатии на ссылку редактирования появляется ошибка
@ Amadan я редактирую свой вопрос и показывает код
это не работа для меня ру тест это действительно работа?

Scary Wombat · Accepted Answer · 2013-11-29T05-04-00.000Z

Спасибо за то, что вы обновили свой вопрос.

попробуйте сделать

success : function(responseData) {

$.each(responseData, function(index, item) {
   var id = this.id;
   alert(id);

или

   var id = $(this).attr('id');

см. примеры jQuery для каждого цикла