zhanhongtao/cross-domain.html

## cross-domain.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>cross</title>
</head>
<body>
<script>
  document.cookie = 'a=aaa'
  fetch('http://example.com/data/data.json?type=normal').then(res => {
    return res.json()
  }).then(res => {
    console.log('normal:', res)
  })
  // Credentials
  fetch('http://example.com/data/data.json?type=cookie', {
    credentials: 'include'
  }).then(res => {
    return res.json()
  }).then(res => {
    console.log('credentials:', res)
  })
  // header
  fetch('http://example.com/data/data.json?type=header', {
    headers: {
      'Content-Type': 'application/json'
    }
  }).then(res => {
    return res.json()
  }).then(res => {
    console.log('header:', res)
  })
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>cross</title>
	</head>
	<body>
	<script>
	document.cookie = 'a=aaa'
	fetch('http://example.com/data/data.json?type=normal').then(res => {
	return res.json()
	}).then(res => {
	console.log('normal:', res)
	})
	// Credentials
	fetch('http://example.com/data/data.json?type=cookie', {
	credentials: 'include'
	}).then(res => {
	return res.json()
	}).then(res => {
	console.log('credentials:', res)
	})
	// header
	fetch('http://example.com/data/data.json?type=header', {
	headers: {
	'Content-Type': 'application/json'
	}
	}).then(res => {
	return res.json()
	}).then(res => {
	console.log('header:', res)
	})
	</script>
	</body>
	</html>