Ajaxでタイトルを出力させたい

Question

Ajaxで投稿タイトルを出力する方法が分かりません。
どなたか教えて頂けないでしょうか？

 var url = '(自分のサイトのURL)/wp-json/';
$.ajax({
  url: url + 'wp/v2/posts',
  type:'GET',
  dataType: 'json',
  data : {
    per_page: 5 
  timeout:10000,
}).done(function(data) {

  for (var i = 0; data.length > 1; i++) {
  console.log(data[i]['title']['rendered']);
  $('#ajax').append('<li><a href="#"></a></li>');

Comments

[mtripg6666tdr]

console.log(data[i]['title']['rendered']);
の部分では投稿タイトルはコンソールに出力されていますか？

[gasbombe]

括弧が閉じていませんが、コードの続きはありませんか？
$('#ajax').append()の中身にデータが含まれないのでDOMへの出力はされないと思いますが、不明点は何ですか？

[Soleil_Web]

$('#ajax').append()の中身にデータが含まれないのでDOMへの出力はされないと思いますが、不明点は何ですか？

そのappendの中に何かを記述するのかと思うのですが、何を書いたらタイトルが表示されるのかが分からないのです。
説明が下手ですいません。

[Soleil_Web]

console.log(data[i]['title']['rendered']);
の部分では投稿タイトルはコンソールに出力されていますか？

はい、タイトルは出力されています。

Answer 1

何を書いたらタイトルが表示されるのかが分からない、とのことですが、consoleに出力されているならそのままHTMLに表示するだけなのでは……。

$('#ajax').append('<li><a href="#">'+data[i]['title']['rendered']+'</a></li>');

※タイトルに<が入る可能性があるならinnerTextとかを検討してください。

Comments

[Soleil_Web]

＃には何を入れたらよろしいでしょうか？
console.log(data[i]);　で色々なデータが出てきますが、その中の何を記述したら宜しいでしょうか？

[gasbombe]

目的に応じた内容を入れてくださいとしか言えません。
href="#aaa"とすればid="aaa"の要素へのリンクになります。

ご自身で何の処理を書いているか理解されていますか？
JavaScriptでDOMを操作するということは、操作した結果どういうDOMを実現したいかが分かっていなければ、出発点に立てていません。
まずスクリプト無しでHTMLを勉強されてはどうでしょうか。

Answer 2

$.ajax({

のオブジェクトが閉じてません
（もしくはdataのカッコが閉じてない？）

per_page: 5 の後ろに「,」が必要
for文のカッコもおかしい