js如何获取传过来的数据

// 假设URL为: http://example.com?name=John&age=30
const params = new URLSearchParams(window.location.search);
const name = params.get('name'); // "John"
const age = params.get('age');   // "30"

<form id="myForm">
  <input type="text" name="username" value="JohnDoe">
  <input type="password" name="password" value="secret">
  <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  const formData = new FormData(this);
  const username = formData.get('username'); // "JohnDoe"
  const password = formData.get('password'); // "secret"
});
</script>

fetch('https://api.example.com/data')
  .then(response => response.json()) // 假设返回的是JSON格式
  .then(data => {
    console.log(data); // 这里的data就是获取到的数据
  })
  .catch(error => console.error('Error:', error));

import React, { useState } from 'react';

function MyComponent(props) {
  const [data, setData] = useState(props.initialData);

  // 使用data...
}

<template>
  <div>{{ data }}</div>
</template>

<script>
export default {
  data() {
    return {
      data: this.initialData
    };
  },
  props: ['initialData']
};
</script>

document.addEventListener('myCustomEvent', function(event) {
  const data = event.detail; // 假设自定义事件携带了数据
  console.log(data);
});

// 触发事件的示例
const event = new CustomEvent('myCustomEvent', { detail: { foo: 'bar' } });
document.dispatchEvent(event);