ajax加载文件

oldhelps

已于 2022-06-08 14:37:56 修改

阅读量193

点赞数 4

分类专栏： WEB前端文章标签： ajax javascript

于 2022-06-08 14:35:45 首次发布

本文链接：https://blog.csdn.net/m0_70023466/article/details/125183995

版权

ajax加载文件

文章目录

ajax加载文件
- index.htm
- ajax.json
- ajax.xml
- ajax.txt

index.htm


<!doctype html>
<html lang="en">
<head>
    <!-- 添加文档头部内容 -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-cn"/>
    <meta name="keywords" content="JavaScript,ECMAScript，ajax">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>JavaScript 全程实例</title>
</head>
<style type="text/css">
    body {
     
        text-align: center;
    }

    div#id-div-ajax {
     
        position: relative;
        width: 400px;
        height: auto;
        border: 0px solid black;
        margin: 32px auto;
        padding: 2px;
        font: normal 14px/1.2em "Microsoft Yahei", arial, sans-serif;
    }

    div#id-div-ajax-response {
     
        margin: 8px auto;
        text-align: center;
    }

    div#id-div-ajax-response table th {
     
        padding: 4px;
        font: bold 14px/1.2em "Microsoft Yahei", arial, sans-serif;
        font-style: italic;
        text-align: center;
    }

    div#id-div-ajax-response table td {
     
        padding: 4px;
        font: normal 12px/1.0em "Microsoft Yahei", arial, sans-serif;
        font-weight: normal;
        text-align: left;
    }
</style>
<body>
<!-- 添加文档主体内容 -->
<header>
    <nav>JavaScript Ajax应用 - 使用Ajax轻松加载文件</nav>
</header>
<hr>
<!-- 添加文档主体内容 -->
<div id="id-div-ajax" style="">
    <input type="button" onclick="on_my_ajax();" value="通过Ajax框架加载文件"/><br><br><br>
    <div>解析文件内容:</div><br>
    <div id="id-div-ajax-response"</