异步加载javascript的方式

最新推荐文章于 2023-10-23 21:03:15 发布

loves小鱼儿

最新推荐文章于 2023-10-23 21:03:15 发布

阅读量303

点赞数

分类专栏： javascript 文章标签： javascript jquery url 异步 callback

本文链接：https://blog.csdn.net/xiaoyuer666999/article/details/52619242

版权

javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1. $.getScript(URL,callback) 这个方法提供了异步加载script资源的方式，对于一些Web网页内容比较多，需要按需加载的情况，提供了很大的帮助，jQuery1.2之后的这个方法可以跨域访问，它动态创建script，在加载成功后删除script节点。使用方法：$ .getScript(“/JS/user.JS”);

2.$.getJson()
该方法提供了访问同一个域中的JSON数据。

$("#AjaxLoadJson").click(function(){
    $.getJson("JS/user.Json",function(data){
        $.("#divTip").empty(); //先清空标记中的内容
        var strhtml=""; //初始化保存内容变量
        $.each(data,function(InfoIndex,Info){ //遍历获取的数据
            strhtml+="姓名:"+Info["name"]+"<br>";
            strhtml+="性别:"+Info["sex"]+"<br>";
        })
        $("#divTip").html(strhtml); //显示处理后的数据
    })
})；

对应的user.Json:

[
    {
        "name":"a",
        "sex":"男",
        "email":"a@163.com"
    },
    {
        "name":"b",
        "sex":"女",
        "email":"b@163.com"
    }
]

URL表示请求的地址，data表示请求的参数，可选参数callback在回调函数中执行操作。

3.$(“#div”).load(URL selecter)
该方法提供了异步获取HTML的方式，这个方法也不能跨域访问，在URL后面可以指定异步请求的网页的哪些部分被加载到该div中，举个例子：

$("AjaxLoadhtml").click(function(){ //按钮单击事件
    $("#Ajax").load("index.Json h3"); //load()方法加载数据
})

index.jsp代码：

<html>
<head></head>
<body>
<h2>Hello World!</h2>
<h3>你好</h3>
</body>
</html>

loves小鱼儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录