开发者社区> 问答> 正文

jqeury中的load()方法为什么不能加载

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>load()方法实现Ajax功能</title>
    <script type="text/javascript" 
            src="Jscript/jquery-1.4.2-vsdoc.js">
    </script>
    <script type="text/javascript" 
            src="Jscript/jquery-1.4.2.js">
    </script>
    <style type="text/css">
           body{font-size:13px}
           .divFrame{width:260px;border:solid 1px #666}
           .divFrame .divTitle{padding:5px;background-color:#eee}
           .divFrame .divContent{padding:8px}
           .divFrame .divContent .clsShow{font-size:14px}
           .btn {border:#666 1px solid;padding:2px;width:80px;
           filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
    </style>
    <script type="text/javascript">
        $(function() {
            $("#Button1").click(function() { //按钮点击事件
                $("#divTip").load("b.html"); //load()方法加载数据
            })
        })
    </script>
</head>
<body>
   <div class="divFrame">
         <div class="divTitle">
              <input id="Button1" type="button" 
                     class="btn" value="获取数据" />
         </div>
         <div class="divContent">
              <div id="divTip"></div>
         </div>
    </div>
</body>
</html>

展开
收起
小旋风柴进 2016-03-13 16:28:10 2346 0
1 条回答
写回答
取消 提交回答
  • 你的代码比较乱,首先你可能需要确定你的js是写在script标签对立面,其次,你所绑定执行的方法未被注释(这点你可以在所调用的方法里增加alert输出任意的东西证明已被成功调用,且调用的load方法没有报错,这个可以通过浏览器的调试功能去监听。)。
    根据你的问题,我想应该是类似这样的:

     <script type="text/javascript">
     $(function(){
         //初始化加载数据的按钮单击事件
         $(".btn").click(function(){
            //调用加载数据的方法
            load();
         });
     });
    
     function load(){
         //Ajax请求后台数据并封装到页面的代码块,请确保这块请求正常,且没有js语法错误
     }
     </script>

    如果实在不行,你可以尝试用其他版本的jquery试一试。

    2019-07-17 19:02:50
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载