Thiyagu Arockiasamy Ответов: 1

Как отобразить данные json на HTML-странице с помощью jquery?


у меня есть JSON-данные в asp.net. я хочу, чтобы отобразить данные в формате JSON в HTML-странице с помощью jQuery.
мои данные json ниже

{"NewsByIdResult": [{"CompanyLegalName": "TCS BUSINESS INFORMATION", "IndstryName": "строительные материалы", "промышленность": 83, "NewsCompId":7, "NewsID":4, "NewsTopic": "больные единицы"}]}


но не смог прочитать свойство "запрос".Пожалуйста, помогите мне, сэр...

Что я уже пробовал:

& lt;скрипт>
$(документ).готово(функция () {
отладчик;
$.Аякс({
URL-адрес: 'http://localhost:25012/NewsRestService.svc/WrappedNewsById/4',
данные: "{}",
contentType: "application/json; charset=utf-8",
тип данных: "json",
кэш: false,
}). success(функция (данные) {
аварийные данные);
$('#Data'), которые.добавить(в формате JSON.преобразовать в строки(сведения));
});
})
< / script>

Другой тип кода:

< script type= "text/javascript">
отладчик;
обслуживание ВАР = 'http://localhost:25012/NewsRestService.svc/NewsById/';
$(документ).готово(функция () {
на jQuery.поддержка.пдбс = истина;
$.Аякс(
{
типа: "вам",
url: сервис + '4',
данные: "{}",
contentType: "application/json; charset=utf-8",
тип данных: "json",
кэш: false,
успех: функция (данные) {
аварийные данные);
var trHTML = ";
$.каждый(данные.программа, функция (I, пункт) {
''

'+ listvalues. newsid[0]. NewsTopic + '

'
});
$('#blog-post-content-desc'). append(trHTML);
},
ошибка: функция (msg) {
предупреждение(сообщ.responseText);
}
});
});
< / script>

F-ES Sitecore

Ваш AJAX-вызов происходит? Вызывается ли url-адрес? Возвращает ли он нужные вам данные? Срабатывает ли событие успеха? Показывает ли ваше предупреждение? Если да, то что находится в окне оповещения? Показывает ли ваше приложение что-нибудь на экране? Что вы хотите, чтобы он показывал на экране?

Karthik_Mahalingam

опубликуйте код WrappedNewsById()

Thiyagu Arockiasamy

Я работаю в asp.net служба отдыха wcf. ниже код моего сервиса

общественная список<новость&ГТ; NewsById(строка программа)
{
строка Status = TokenHelper.IsValidateToken();
использование (DbConnection con = db. CreateConnection())
пробовать
{
против.Открыть();список<новость&ГТ; Lstnews = новый список<новость&ГТ;();
DbCommand cmd = db. GetStoredProcCommand ("spNews_GetValues", NewsID);
УМК.CommandTimeout = int. MaxValue;
SqlDataReader objnewsRead = (SqlDataReader)db.Метода executereader(УМК);
пока (objnewsRead.Читать())
{
Lstnews.Добавить (Новые Известия()
{
Программа newsid = objnewsRead.GetInt32(objnewsRead.GetOrdinal("Программа")),
NewsCompId = objnewsRead.GetInt32(objnewsRead.GetOrdinal ("NewsCompId")),
CompanyId = objnewsRead.GetInt32(objnewsRead.GetOrdinal ("CompanyIds")),
CompanyLegalName = objnewsRead.Метода getString(objnewsRead.GetOrdinal ("CompanyLegalName")),
});
}

возвращение Lstnews;
}
наконец
{
против.Закрывать();
}
}

Код IService:

[OperationContract]
[WebGet (UriTemplate = " WrappedNewsById / {NewsID}", ResponseFormat = WebMessageFormat.В Формате JSON, Кузов = WebMessageBodyStyle.Завернутый)]
Список & lt;newss> NewsById(строка NewsID);

Karthik_Mahalingam

ОК,
какую ценность вы получаете аварийные данные);

Thiyagu Arockiasamy

не читает его. не попадающий

Karthik_Mahalingam

таким образом, проблема заключается в методе wcf

http://localhost:25012/NewsRestService.svc/NewsById/4
введите этот url-адрес в браузере и посмотрите, какой результат вы получаете..

и еще одна вещь, которую вам придется сериализовать в json.

вызывается ли метод ошибки? если да, то что это за сообщение об ошибке ?

Thiyagu Arockiasamy

Uncaught TypeError: не удается прочитать свойство' toLowerCase ' undefined

это мое сообщение об ошибке. да я сериализованный JSON-формате.у меня выходной http://localhost:25012/NewsRestService.svc/NewsById/4 но я не читал в URL-адрес с помощью jQuery.,

Karthik_Mahalingam

Опубликуйте свой полный Ajax-код

Thiyagu Arockiasamy

< script type= "text/javascript">
$(документ).готово(функция () {
отладчик;
$.Аякс({
типа: "вам",
URL-адрес: 'http://localhost:25012/NewsRestService.svc/WrappedNewsById/4',
данные: "{}",
contentType: "application/json; charset=utf-8",
тип данных: "json",
кэш: false,
}). success(функция (данные) {
$('#Data'), которые.добавить(в формате JSON.синтаксический анализ(данных));
аварийные данные);
});
})
< / script>

Другой тип кода-это:

< script type= "text/javascript">
отладчик;
обслуживание ВАР = 'http://localhost:25012/NewsRestService.svc/NewsById/';
$(документ).готово(функция () {
на jQuery.поддержка.пдбс = истина;
$.Аякс(
{
типа: "вам",
url: сервис + '4',
данные: "{}",
contentType: "application/json; charset=utf-8",
тип данных: "json",
кэш: false,
успех: функция (данные) {
аварийные данные);
var trHTML = ";
$.каждый(данные.программа, функция (I, пункт) {
в '<div с классом="блог-пост-содержание-деск"и GT;'
+ '<div class= "blog-post-content">'
+ '

'+ listvalues. newsid[0]. NewsTopic + '

'
});
$('#blog-post-content-desc'). append(trHTML);
},
ошибка: функция (msg) {
предупреждение(сообщ.responseText);
}
});
});
< / script>

Karthik_Mahalingam

Делает AJAX-вызов делает этот способ обслуживания?

Thiyagu Arockiasamy

я использую этот метод

< script type= "text/javascript">
$(документ).готово(функция () {
отладчик;
$.Аякс({
типа: "вам",
URL-адрес: 'http://localhost:25012/NewsRestService.svc/WrappedNewsById/4',
данные: "{}",
contentType: "application/json; charset=utf-8",
тип данных: "json",
кэш: false,
}). success(функция (данные) {
$('#Data'), которые.добавить(в формате JSON.синтаксический анализ(данных));
аварийные данные);
});
})
< / script>

пожалуйста, скажите мне метод обслуживания вызовов ajax . я борюсь

Karthik_Mahalingam

держите точку останова в этом методе WrappedNewsById
и попробуйте позвонить через ajax и проверить, попадает ли он в точку останова.

Thiyagu Arockiasamy

berakpoint не читает (go) в ajax. его единственная функция чтения()

Karthik_Mahalingam

Энна Тала прачани?
гмаилку Ванга

Thiyagu Arockiasamy

почтовый идентификатор ? Тала

Karthik_Mahalingam

ИППО мудиядху, офисела ирукен..

Thiyagu Arockiasamy

хорошо, почтовый идентификатор tharalame .

Thiyagu Arockiasamy

Талы почтовый идентификатор thanga . я хотел бы задать несколько вопросов по jquery ji.

Karthik_Mahalingam

ладно

Thiyagu Arockiasamy

спасибо Тала

Karthik_Mahalingam

командный зритель Ирука?

Thiyagu Arockiasamy

ируку

Karthik_Mahalingam

ОК Вечерняя Ванга, 5манику мела
gmailku пинг pnaunga

Thiyagu Arockiasamy

унга почтовый идентификатор enaku neenga tharave илла

Karthik_Mahalingam

обратите внимание, босс panuga

Thiyagu Arockiasamy

хорошо босс спасибо

Thiyagu Arockiasamy

.

Karthik_Mahalingam

Джи онлайн varengala

1 Ответов

Рейтинг:
2

Afzaal Ahmad Zeeshan

Ваши данные уже находятся в Строковой нотации, больше нет необходимости их строчить. Вот почему вы получаете ошибку. (Для этой ошибки перейдите к скрипке, которую я предоставил, измените вызов функции parse на stringify, а затем проверьте ошибку в консоли.) Что вам нужно сделать, это, что вам нужно разберите его на объект Для этого вам нужно сделать следующее,

// JSON
{
   "NewsByIdResult": [
        {
            "CompanyLegalName":"TCS BUSINESS INFORMATION",
            "IndstryName":"Building Materials",
            "Industry":83,
            "NewsCompId":7,
            "NewsID":4,
            "NewsTopic":"Sick Units"
        }
   ]
}

var obj = JSON.parse(data); // Parsed!

Теперь вы можете использовать obj объект для получения свойств. Например вот так,
alert(obj.NewsByIdResult[0].CompanyLegalName);

// Should show TCS BUSINESS INFORMATION

И это просто так, проверьте это здесь, Edit fiddle - JSFiddle[^]

Для получения дополнительной информации о синтаксическом анализе JSON, пожалуйста, прочтите: JSON. parse () - JavaScript | MDN[^].

Оставайтесь с нами, моя следующая статья о JSON также выходит... Если вам интересно. :-)