Получить значение от JSON с помощью AJAX

Я новичок в json и ajax. Я хотел бы попросить о помощи в том, как получить значение JSON с помощью AJAX.Получить значение от JSON с помощью AJAX

Вот мой файл JSON назван list.js

{ 
    "loginid" : "Wafiqa", 
    "password": "123" 
}

и вот мой HTML филь назван ajaxTest.html

<body> 
    <p> Username: </p> 
    <div id="uname"></div> 
    <p> Password: </p> 
    <div id="pword"></div> 
</body>

То, что я хочу сделать, это значение от имени пользователя в json-файл будет отображаться в uname div, а пароль будет отображаться в pword div. Как я могу это сделать?

источник

2015-03-05 Nur Wafiqa

Форматировать код, отложив его на 4 дополнительных пространства. Backtick (') для встроенного кода. – royhowie

Мне очень жаль, что я не понимаю, как отформатировать его –

[руководство по форматированию] (http://stackoverflow.com/help/formatting) – royhowie

Вы не можете получить доступ к локальному файлу. Вам понадобится файл json для обслуживания с сервера. Вы можете запустить свой код из веб-сервера.

Для этого вы можете использовать функцию jquery#getJSON.

Для образца, в вашем HTML головной секции имеют

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>jQuery.getJSON demo</title> 
 
    <style> 
 
    img { 
 
    height: 100px; 
 
    float: left; 
 
    } 
 
    </style> 
 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
</head> 
 
<body> 
 
    
 
<div id="images"></div> 
 
    
 
<script> 
 
(function() { 
 
    $.getJSON('http://date.jsontest.com/', { 
 
    format: "json" 
 
    }) 
 
    .done(function(data) { 
 
    alert(data.date); 
 
    }); 
 
})(); 
 
</script> 
 
    
 
</body> 
 
</html>

источник

2015-03-05 02:26:21

Я установил tomcat на свой компьютер –

Можете ли вы привести мне пример .. Я просто не понимаю его –

Что такое div id = "images"? –

После того, как вы только начинаете изучать JavaScript, это будет проще для вас, чтобы просто поместить данные в формате JSON в переменная.

var jsonData = { 
    "loginid" : "Wafiqa", 
    "password": "123" 
};

, а затем вставить его в DOM с чем-то вроде

document.getElementById(uname).innerHTML = jsonData.loginid; 
document.getElementById(pword).innerHTML = jsonData.password;

Если вы хотите использовать JSON в другом файле, вы должны служить ему в качестве статического актива или использовать какой-то код на стороне сервера сделать это.

источник

2015-03-05 02:42:18 prbc

'innerHTML' не является функцией, которая не будет работать. –

Извините, за ошибку. jQuerism ест мой разум. – prbc

Но .. как я могу использовать ajax? –

Получить значение от JSON с помощью AJAX

ответ

Смежные вопросы