JQuery中使用Ajax网络请求

最新推荐文章于 2024-03-20 19:13:48 发布

越V越

最新推荐文章于 2024-03-20 19:13:48 发布

阅读量281

点赞数

文章标签： js

本文链接：https://blog.csdn.net/zhengyue1314/article/details/106058484

版权

这篇博客介绍了如何在HTML页面中利用JQuery的Ajax方法进行网络请求，从指定URL获取JSON数据，并将数据解析后动态展示在页面上。通过点击按钮触发Ajax请求，成功后遍历JSON对象，将音乐专辑的标题显示为段落。

摘要由CSDN通过智能技术生成

前提：配置Apache服务器

一、HTML部分

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
   </head>
   <body>
       <div id="box">
           <button id = "btn">按钮</button>
           <script type="text/javascript">
               $("#btn").bind("click",function(){
                   console.log("*****")
                   //发起网络请求
                   $.ajax({type:"get",
                           url:"http://192.168.109.70:8089/Json/test.json",//ip地址为Apache服务器的地址
                           data:{a:1,b:2},