利用jQuery框架的ajax请求获取json格式的数据

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <input id="btn" type="button" value="发送ajax请求">


  <script src="https://code.jquery.com/jquery-3.7.1.min.js"
    integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <script>
    $('#btn').click(() => {
      $.get(
        'http://localhost:8080/jsajaxproject/jquery_json',
        'username=tom&age=20',
        (data) => {
          // alert(data)
          alert(data.name + '\t' + data.age + '\t' + data.gender)
        },
        'json'
      )
    })
  </script>
</body>

</html>

利用jQuery框架的ajax请求获取json格式的数据_第1张图片

点击按钮:
利用jQuery框架的ajax请求获取json格式的数据_第2张图片

利用jQuery框架的ajax请求获取json格式的数据_第3张图片

你可能感兴趣的:(jquery,ajax,json)