美文网首页
Ajax 无法改变内容

Ajax 无法改变内容

作者: Marks | 来源:发表于2017-05-10 21:20 被阅读20次

http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax2

在sublime上实现一遍,无法改变内容。html、jquery-3.2.1.min.js、test1.txt都在桌面上

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>pratice</title>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
        $(document).ready(function(){
          $("#b01").click(function(){
            htmlobj=$.ajax({url:"test1.txt",async:false});
            $("#myDiv").html(htmlobj.responseText);
          })
        });
    </script>
</head>
<body>
    <div id="myDiv"><h2>通过AJAX改变文本</h2></div>
    <button id="b01" type="button">改变内容</button>
</body>
</html>```
![image.png](https://img.haomeiwen.com/i316258/19962bdc2125bb64.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

相关文章

  • Ajax 无法改变内容

    http://www.w3school.com.cn/tiy/t.asp?f=jquery_ajax2 在subl...

  • Ajax请求

    jQuery发送Ajax请求 hello world! 改变文字内容 $(function(){ var $bt...

  • jQuery-ajax-get()方法

    jQuery ajax-get方法 通过ajax的get请求来改变div里面的文本内容;与load方法实现的效果差...

  • pjax学习

    我们可以利用ajax进行无刷新改变文档内容,但是没办法去修改URL。PJAX可以在改变页面内容的同时也改变他的UR...

  • 【51】Python前端与服务器通信

    前端使用Ajax 示例:当文本框中的内容发生改变,发送内容到服务器$table.find('tbody tr ')...

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • web开发笔记一ajax的使用(1)

    简介 今天介绍一下ajax的使用. 内容 AJAX AJAX = Asynchronous JavaScript ...

  • JQuery

    找到HTML元素 改变HTML中的内容 根据用户操作做出反馈,比如按下按钮 动画效果 ajax 找到HTML元素 ...

  • javaScript 基础知识

    JavaScript js能干什么? 数据验证 ajax 动态的获取改变页面内容 增加页面动画效果 操作DOM c...

  • face14ajax基础内容

    ajax基础内容 ajax技术利用了 什么协议?简述ajax的工作机制 写出jquery中,可以处理ajax的几种...

网友评论

      本文标题:Ajax 无法改变内容

      本文链接:https://www.haomeiwen.com/subject/mbxntxtx.html