Ajax在线抓取json数据并渲染到自己的界面

最新推荐文章于 2024-08-06 17:42:23 发布

大名张无忌

最新推荐文章于 2024-08-06 17:42:23 发布

阅读量433

点赞数

分类专栏： Ajax 文章标签： ajax js php

本文链接：https://blog.csdn.net/qq_40029828/article/details/105616830

版权

本文介绍如何利用Ajax从在线网站抓取JSON数据，并通过PHP读取后显示在自己的网页上。通过F12 Network面板找到XHR请求，转换JSON格式，然后在PHP和HTML中处理数据。

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

获取在线网站数据
基本所有网站都使用Ajax，在F12的Network选项中，选择XHR，找到json数据后，百度一个在线转化json格式，后复制进自己的json文档中即可
php读取json后返回index页面
index文档：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jqueryMin.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<style>
    p{
   
        font-size: 20px;
    }
    table{
   
        width: 1000px;
        height: 300px;
        border: 1px pink solid;
        margin-left: 300px;
        background-color: pink;
    }
    table td{
   
        margin: 2px;
        border:1px solid skyblue ;
        border-radius: 5px;
        text-align: center;
        line-height:;
    }
</style>
<body>
<button>获取json数据</button>
<div class="display"></div>
<script>
    $('button').on('click',function () {
   
        var jjson=new XMLHttpRequest();
        jjson.open('post','hello.php');
        jjson.setRequestHeader('Content-type','application/x-www-form-urlencoded');
        jjson.onreadystatechange=function (

最低0.47元/天解锁文章

大名张无忌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax在线抓取json数据并渲染到自己的界面

获取在线网站数据基本所有网站都使用Ajax，在F12的Network选项中，选择XHR，找到json数据后，百度一个在线转化json格式，后复制进自己的json文档中即可php读取json后返回index页面index文档：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
复制链接

扫一扫

专栏目录