ajaxを使って、XMLの内容をHTMLにランダムにリスト表示させたい

Question

前提・実現したいこと

HTMLに、記事ページのサムネイル、タイトル、説明文等をランダムに表示させたいと思っています。
以下のようなXMLを取得し5項目の中から3項目をHTMLに表示させ、
且つページ読み込みごとにランダムに表示する項目を変更したいと考えています。

この時のAjaxの書き方をどのようにすればよいかがわかりません。

【XML】

<?xml version="1.0" encoding="UTF-8"?>
<root>
	<required>
		<list>
			<articleimg>sample01.png</articleimg>
			<articletitle>サンプルタイトル１</articletitle>
			<articledesc>サンプル説明文</articledesc>
			<date>2019.01.01</date>
		</list>
		<list>
			<articleimg>sample02.png</articleimg>
			<articletitle>サンプルタイトル２</articletitle>
			<articledesc>サンプル説明文</articledesc>
			<date>2019.01.02</date>
		</list>
		<list>
			<articleimg>sample03.png</articleimg>
			<articletitle>サンプルタイトル３</articletitle>
			<articledesc>サンプル説明文</articledesc>
			<date>2019.01.03</date>
		</list>
		<list>
			<articleimg>sample04.png</articleimg>
			<articletitle>サンプルタイトル４</articletitle>
			<articledesc>サンプル説明文</articledesc>
			<date>2019.01.04</date>
		</list>
		<list>
			<articleimg>sample05.png</articleimg>
			<articletitle>サンプルタイトル５</articletitle>
			<articledesc>サンプル説明文</articledesc>
			<date>2019.01.05</date>
		</list>
	</required>
</root>

以下のように、ひとつの要素をランダムに変更するやり方はあるのですが、
https://www.webopixel.net/javascript/308.html
複数変更のやりかたが見つからなかったため、質問させて頂きました。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

Answer 1

ajax自体はデータを取得して返すだけなので、ajaxの書き方は同じじゃないかと。
サーバー側で取得するXMLを絞ってから返すか
XML全件取得してからjavascriptで絞るかだと思います。

Comments

[mamimu]

ご回答ありがとうございます。
すみません、質問しておきながらまだ理解が足りていなかったため
もう少し調べてから改めて質問させて頂きます。